From 8da2da4d570a57fbfd588e2d0682a58b56d3bed2 Mon Sep 17 00:00:00 2001 From: Thomas Kam Date: Tue, 3 Dec 2024 03:27:01 -0500 Subject: [PATCH] export components for easier development --- client-participation/vis2/components/curate.js | 4 ++-- client-participation/vis2/components/exploreTid.js | 4 ++-- client-participation/vis2/components/graphComments.js | 4 ++-- client-participation/vis2/components/graphParticipants.js | 4 ++-- client-participation/vis2/components/hull.js | 4 ++-- client-participation/vis2/components/hullLabels.js | 6 +++--- client-participation/vis2/components/tidCarousel.js | 4 ++-- client-participation/vis2/vis2.js | 2 +- client-report/src/components/lists/commentList.js | 4 ++-- 9 files changed, 18 insertions(+), 18 deletions(-) diff --git a/client-participation/vis2/components/curate.js b/client-participation/vis2/components/curate.js index aee626d62..d356d5a11 100644 --- 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 index ddd2521e0..09839f8a1 100644 --- 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 index 2613bccc7..0ab90297f 100644 --- 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 index 7eb36895d..4008406f1 100644 --- 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 ( { ); } -const Bucket = ({pt}) => { +export const Bucket = ({pt}) => { return @@ -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 index 7ed00f4ba..0d62f258c 100644 --- 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 ( @@ -24,7 +24,7 @@ const Users = ({selectedGroup}) => { ) } -const Label = ({ptptCount, centroid, gid, selectedGroup, handleClick}) => { +export const Label = ({ptptCount, centroid, gid, selectedGroup, handleClick}) => { return ( { ) } -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 index 3eb3532d9..f16693ece 100644 --- 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 index 3418af01a..f1640824e 100644 --- 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 index 722eeaaf1..3c76b607f 100644 --- 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;