[FE/#15] Refactor : pipe 함수를 통해 상태변경

codesquad-member-2020 · Jun 24, 2020 · 08f365a · 08f365a
1 parent 7784ac6
commit 08f365a
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/FE/src/components/Labels/Navigation/NewLabel/NewLabel.jsx b/FE/src/components/Labels/Navigation/NewLabel/NewLabel.jsx
@@ -28,13 +28,15 @@ const NewLabel = ({
 }) => {
   const classes = useStyles();
 
-  const changeTitleHandler = ({ target }) => dispatch(setLabelInfo({ title: target.value }));
+  const changeTitleHandler = ({ target }) => pipe(setLabelInfo, dispatch)({ title: target.value });
 
   const changeDescriptionHandler = ({ target }) =>
-    dispatch(setLabelInfo({ description: target.value }));
+    pipe(setLabelInfo, dispatch)({ description: target.value });
 
   const clickCreateButtonHandler = () => pipe(submitHandler, clickHandler)();
 
+  const setLabelColorHandler = () => pipe(setLabelColor, dispatch)();
+
   return (
     <Box className={classes.container} component={Paper} variant="outlined" p={2} mb={2}>
       <Box mb={2}>
@@ -65,7 +67,7 @@ const NewLabel = ({
           <ColorGenerateButton
             backgroundColor={backgroundColor}
             color={color}
-            setLabelColor={() => dispatch(setLabelColor())}
+            setLabelColor={setLabelColorHandler}
           />
         </Grid>
         <Grid item xs={3}>