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

codesquad-member-2020 · Jun 24, 2020 · f0556a4 · f0556a4
1 parent 5ca62bd
commit f0556a4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/FE/src/components/common/Header/UserMenu.jsx b/FE/src/components/common/Header/UserMenu.jsx
@@ -1,6 +1,7 @@
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import { useCookies } from "react-cookie";
+import pipe from "@Utils/pipe";
 
 import Popover from "@material-ui/core/Popover";
 import PopupState, { bindTrigger, bindPopover } from "material-ui-popup-state";
@@ -26,10 +27,7 @@ const UserMenu = ({ userId, url }) => {
   const [, , removeCookie] = useCookies([TOKEN]);
   const { userDispatch } = useContext(UserContext);
 
-  const signOutHandler = () => {
-    removeCookie(TOKEN);
-    userDispatch(deleteUserData());
-  };
+  const signOutHandler = () => pipe(removeCookie, deleteUserData, userDispatch)(TOKEN);
 
   return (
     <PopupState variant="popover" popupId="demo-popup-popover">

diff --git a/FE/src/pages/Login.jsx b/FE/src/pages/Login.jsx
@@ -1,8 +1,6 @@
 import React, { useContext, useEffect } from "react";
-
 import jwtDecode from "jwt-decode";
 import { useCookies } from "react-cookie";
-
 import pipe from "@Utils/pipe";
 
 import { UserContext } from "@Contexts/userContext";