export components for easier development

CivicTechTO · Dec 3, 2024 · 8da2da4 · 8da2da4
1 parent 518ec21
commit 8da2da4
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 18 deletions.
diff --git a/client-participation/vis2/components/curate.js b/client-participation/vis2/components/curate.js
@@ -2,7 +2,7 @@ import _ from "lodash";
 import React from "react";
 import * as globals from "./globals";
 
-class Button extends React.Component {
+export class Button extends React.Component {
 
   handleClick() {
     this.props.handleCurateButtonClick(this.props.identifier)
@@ -29,7 +29,7 @@ class Button extends React.Component {
   }
 }
 
-class Curate extends React.Component {
+export class Curate extends React.Component {
 
   constructor(props) {
     super(props);

diff --git a/client-participation/vis2/components/exploreTid.js b/client-participation/vis2/components/exploreTid.js
@@ -6,7 +6,7 @@ import BarChart from "./barChart";
 const checkmark = "M1299 813l-422 422q-19 19-45 19t-45-19l-294-294q-19-19-19-45t19-45l102-102q19-19 45-19t45 19l147 147 275-275q19-19 45-19t45 19l102 102q19 19 19 45t-19 45zm141 83q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z";
 const ban = "M1440 893q0-161-87-295l-754 753q137 89 297 89 111 0 211.5-43.5t173.5-116.5 116-174.5 43-212.5zm-999 299l755-754q-135-91-300-91-148 0-273 73t-198 199-73 274q0 162 89 299zm1223-299q0 157-61 300t-163.5 246-245 164-298.5 61-298.5-61-245-164-163.5-246-61-300 61-299.5 163.5-245.5 245-164 298.5-61 298.5 61 245 164 163.5 245.5 61 299.5z";
 
-const DataSentence = ({ math, selectedTidCuration, selectedComment, repfulFor, Strings }) => {
+export const DataSentence = ({math, selectedTidCuration, selectedComment, repfulFor, Strings}) => {
 
   let markup = null;
 
@@ -93,7 +93,7 @@ const DataSentence = ({ math, selectedTidCuration, selectedComment, repfulFor, S
   return markup;
 }
 
-class ExploreTid extends React.Component {
+export class ExploreTid extends React.Component {
 
   handleAgree() {
     this.props.onVoteClicked({

diff --git a/client-participation/vis2/components/graphComments.js b/client-participation/vis2/components/graphComments.js
@@ -4,7 +4,7 @@ import * as globals from "./globals";
 
 /* https://bl.ocks.org/mbostock/2206590 */
 
-class GraphComment extends React.Component {
+export class GraphComment extends React.Component {
   getRectX() {
     let x = -7;
 
@@ -54,7 +54,7 @@ class GraphComment extends React.Component {
   }
 }
 
-class GraphComments extends React.Component {
+export class GraphComments extends React.Component {
 
   drawComments() {
     let shouldShowOnlyOneGroup = _.isNumber(this.props.showOnlyGroup);

diff --git a/client-participation/vis2/components/graphParticipants.js b/client-participation/vis2/components/graphParticipants.js
@@ -3,7 +3,7 @@ import _ from "lodash";
 import * as globals from "./globals";
 import {VictoryAnimation} from "victory-core";
 
-const Participant = ({ptpt, tweenX, tweenY}) => {
+export const Participant = ({ptpt, tweenX, tweenY}) => {
   let picSize = ptpt.picture_size;
   return (
     <g
@@ -33,7 +33,7 @@ const Participant = ({ptpt, tweenX, tweenY}) => {
   );
 }
 
-const Bucket = ({pt}) => {
+export const Bucket = ({pt}) => {
   return <circle
     r={0}
     fill={/* globals.groupColor(pt.gid)*/ "rgb(180,180,180)"}

diff --git a/client-participation/vis2/components/hull.js b/client-participation/vis2/components/hull.js
@@ -3,7 +3,7 @@ import * as globals from "./globals";
 import {VictoryAnimation} from "victory-core";
 import * as d3 from "../../js/3rdparty/d3.v4.min.js";
 
-class Hull extends React.Component {
+export class Hull extends React.Component {
   render () {
     return (
       <g>
@@ -19,7 +19,7 @@ class Hull extends React.Component {
   }
 };
 
-class Hulls extends React.Component {
+export class Hulls extends React.Component {
   render () {
     const line = d3.line(); // .curve(d3.curveBasis);
     return (

diff --git a/client-participation/vis2/components/hullLabels.js b/client-participation/vis2/components/hullLabels.js
@@ -11,7 +11,7 @@ const getBackgroundRectWidth = (ptptCount) =>  {
   return width;
 }
 
-const Users = ({selectedGroup}) => {
+export const Users = ({selectedGroup}) => {
   return (
     <g width={7} fill={selectedGroup ? "white" : "black"} transform={`translate(0,-9)`}>
       <ellipse cx="1.99335548" cy="1.42348754" rx="1.32890365" ry="1.42348754"></ellipse>
@@ -24,7 +24,7 @@ const Users = ({selectedGroup}) => {
   )
 }
 
-const Label = ({ptptCount, centroid, gid, selectedGroup, handleClick}) => {
+export const Label = ({ptptCount, centroid, gid, selectedGroup, handleClick}) => {
   return (
     <g
       transform={`translate(${centroid.x},${centroid.y})`}
@@ -63,7 +63,7 @@ const Label = ({ptptCount, centroid, gid, selectedGroup, handleClick}) => {
   )
 }
 
-const HullLabels = ({groups, centroids, selectedGroup, handleClick}) => {
+export const HullLabels = ({groups, centroids, selectedGroup, handleClick}) => {
 
   if (!centroids || !groups) { return null }
 

diff --git a/client-participation/vis2/components/tidCarousel.js b/client-participation/vis2/components/tidCarousel.js
@@ -2,7 +2,7 @@ import React from "react";
 import * as globals from "./globals";
 import _ from "lodash";
 
-class PaginateButton extends React.Component {
+export class PaginateButton extends React.Component {
 
   render() {
     return (
@@ -27,7 +27,7 @@ class PaginateButton extends React.Component {
 }
 
 
-class TidCarousel extends React.Component {
+export class TidCarousel extends React.Component {
 
   constructor(props) {
     super(props);

diff --git a/client-participation/vis2/vis2.js b/client-participation/vis2/vis2.js
@@ -22,7 +22,7 @@ import ReactDOM from 'react-dom';
 
 
 
-class Root extends React.Component {
+export class Root extends React.Component {
   render() {
 
     let comments = this.props.comments;

diff --git a/client-report/src/components/lists/commentList.js b/client-report/src/components/lists/commentList.js
@@ -4,7 +4,7 @@ import React from "react";
 import _ from "lodash";
 import * as globals from "../globals";
 
-const BarChartCompact = ({ comment, voteCounts, nMembers, voteColors }) => {
+export const BarChartCompact = ({ comment, voteCounts, nMembers, voteColors }) => {
   if (!comment) return null;
 
   let w = 100;
@@ -77,7 +77,7 @@ const BarChartCompact = ({ comment, voteCounts, nMembers, voteColors }) => {
   );
 };
 
-const CommentRow = ({ comment, groups, voteColors }) => {
+export const CommentRow = ({ comment, groups, voteColors }) => {
   if (!comment) {
     console.error("WHY IS THERE NO COMMENT 3452354235", comment);
     return null;