[feat] boostcampwm-2022#66 boostcampwm-2022#85 친구 목록 전역으로 관리

- drop 되었을 때, 전역 정보 수정 (탭 간 이동해도 목록 유지)
ktmihs · Dec 1, 2022 · b992b8c · b992b8c
1 parent c2e8ba7
commit b992b8c
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/frontend/src/component/Sidebar/Friends/callingList.tsx b/frontend/src/component/Sidebar/Friends/callingList.tsx
@@ -1,13 +1,13 @@
 import { MouseEvent } from 'react';
-import { useRecoilValue } from 'recoil';
+import { useRecoilState } from 'recoil';
 import { friendsState } from '../../../store/atom/friends';
 import Content from '../Content';
 import FriendItem from './friendItem';
 import { friendType } from './friends';
 import { callingList } from './friends.styled';
 
 const CallingList = () => {
-  const friends = useRecoilValue(friendsState);
+  const [friends, setFriends] = useRecoilState(friendsState);
   const friendList = Object.values(friends).filter(value => value.isCalling);
 
   const handleDragOver = (e: MouseEvent) => {
@@ -19,7 +19,15 @@ const CallingList = () => {
 
     if (target.tagName !== 'UL' || !draggingElement) return;
 
-    target.appendChild(draggingElement);
+    const id = draggingElement.children[0].id;
+
+    setFriends({
+      ...friends,
+      [id]: {
+        ...friends[id],
+        isCalling: true,
+      },
+    });
   };
 
   return (