Removed @radium decorator in favour of manually wrapped class compone…

…nts. This easily side-steps issue of custom decorator not working in Storybook. (cherry picked from commit 8617fd6)
CivicTechTO · Dec 3, 2024 · 2533deb · 2533deb
1 parent 518ec21
commit 2533deb
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/client-admin/src/components/conversation-admin/seed-tweet.js b/client-admin/src/components/conversation-admin/seed-tweet.js
@@ -22,7 +22,6 @@ const styles = {
 }
 
 @connect((state) => state.seed_comments_tweet)
-@Radium
 class ModerateCommentsSeed extends React.Component {
   constructor(props) {
     super(props)
@@ -134,6 +133,7 @@ ModerateCommentsSeed.propTypes = {
   })
 }
 
+ModerateCommentsSeed = Radium(ModerateCommentsSeed)
 export default ModerateCommentsSeed
 
 /*

diff --git a/client-report/src/COMPONENT_TEMPLATE.js b/client-report/src/COMPONENT_TEMPLATE.js
@@ -12,7 +12,6 @@ import PropTypes from "prop-types";
 // @connect(state => {
 //   return state.FOO;
 // })
-@Radium
 class ComponentName extends React.Component {
   constructor(props) {
     super(props);
@@ -52,6 +51,7 @@ class ComponentName extends React.Component {
   }
 }
 
+ComponentName = Radium(ComponentName);
 export default ComponentName;
 
 /*

diff --git a/client-report/src/components/comment.js b/client-report/src/components/comment.js
@@ -8,7 +8,6 @@ import Flex from "./flex";
 import * as globals from "./globals";
 import BarChart from "./barChart";
 
-@Radium
 class Comment extends React.Component {
   static propTypes = {
     dispatch: PropTypes.func,
@@ -74,6 +73,7 @@ class Comment extends React.Component {
     }
   }
 
+  Comment = Radium(Comment);
   export default Comment;
 
   // <p>{this.props.comment.demographics.gender}</p>