Refactor/#350-S : Context hook 디렉토리 구분 (#351)

juyeong-s · web-flow · commit b0493d397be3 · 2022-12-13T17:57:55.000+09:00
* refactor : hooks/context 디렉토리로 분리

* chore : .tsx를 .ts 확장자로 통일

* chore : context hook 경로 반영

* chore : useSelectedMom에 Context 붙이기

* chore : context 경로 변경사항 반영
diff --git a/client/src/components/Block/QuestionBlock/index.tsx b/client/src/components/Block/QuestionBlock/index.tsx
@@ -3,7 +3,7 @@ import { BiCheckboxChecked } from '@react-icons/all-files/bi/BiCheckboxChecked';
 import { BLOCK_EVENT } from '@wabinar/constants/socket-message';
 import classNames from 'classnames/bind';
 import React, { useEffect, useState } from 'react';
-import useSocketContext from 'src/hooks/useSocketContext';
+import useSocketContext from 'src/hooks/context/useSocketContext';
 
 import style from './style.module.scss';
 
diff --git a/client/src/components/Block/TextBlock.tsx b/client/src/components/Block/TextBlock.tsx
@@ -6,9 +6,9 @@ import {
 } from '@wabinar/crdt/linked-list';
 import React, { memo, useEffect, useRef, useState } from 'react';
 import BlockSelector from 'src/components/BlockSelector';
+import useSocketContext from 'src/hooks/context/useSocketContext';
 import { useCRDT } from 'src/hooks/useCRDT';
 import { useOffset } from 'src/hooks/useOffset';
-import useSocketContext from 'src/hooks/useSocketContext';
 
 import ee from '../Mom/EventEmitter';
 
diff --git a/client/src/components/Block/VoteBlock/VoteBlockTemplate.tsx b/client/src/components/Block/VoteBlock/VoteBlockTemplate.tsx
@@ -5,9 +5,9 @@ import Button from 'common/Button';
 import { ChangeEventHandler, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { VoteMode } from 'src/constants/block';
+import useSocketContext from 'src/hooks/context/useSocketContext';
+import useUserContext from 'src/hooks/context/useUserContext';
 import useDebounceInput from 'src/hooks/useDebounceInput';
-import useSocketContext from 'src/hooks/useSocketContext';
-import { useUserContext } from 'src/hooks/useUserContext';
 import { Option } from 'src/types/block';
 import color from 'styles/color.module.scss';
 
diff --git a/client/src/components/Block/VoteBlock/index.tsx b/client/src/components/Block/VoteBlock/index.tsx
@@ -1,7 +1,7 @@
 import { BLOCK_EVENT } from '@wabinar/constants/socket-message';
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { VoteMode } from 'src/constants/block';
-import useSocketContext from 'src/hooks/useSocketContext';
+import useSocketContext from 'src/hooks/context/useSocketContext';
 import { Option } from 'src/types/block';
 
 import VoteBlockTemplate from './VoteBlockTemplate';
diff --git a/client/src/components/Block/index.tsx b/client/src/components/Block/index.tsx
@@ -1,7 +1,7 @@
 import { BLOCK_EVENT } from '@wabinar/constants/socket-message';
 import ee from 'components/Mom/EventEmitter';
 import { memo, useEffect, useRef, useState } from 'react';
-import useSocketContext from 'src/hooks/useSocketContext';
+import useSocketContext from 'src/hooks/context/useSocketContext';
 
 import QuestionBlock from './QuestionBlock';
 import TextBlock from './TextBlock';
diff --git a/client/src/components/MeetingMediaBar/index.tsx b/client/src/components/MeetingMediaBar/index.tsx
@@ -1,9 +1,9 @@
 import { useEffect, useState } from 'react';
+import useSocketContext from 'src/hooks/context/useSocketContext';
 import {
-  useMeetingMediaStreamsV2,
   MeetingMediaStream,
+  useMeetingMediaStreamsV2,
 } from 'src/hooks/useMeetingMediaStreamsV2';
-import useSocketContext from 'src/hooks/useSocketContext';
 
 import MeetingMedia from './MeetingMedia';
 import StreamButton from './StreamButton';
diff --git a/client/src/components/Mom/index.tsx b/client/src/components/Mom/index.tsx
@@ -1,18 +1,18 @@
 import { BLOCK_EVENT, MOM_EVENT } from '@wabinar/constants/socket-message';
 import Block from 'components/Block';
 import { useEffect, useRef, useState } from 'react';
+import useSelectedMomContext from 'src/hooks/context/useSelectedMomContext';
+import useSocketContext from 'src/hooks/context/useSocketContext';
 import { useCRDT } from 'src/hooks/useCRDT';
 import useDebounce from 'src/hooks/useDebounce';
-import useSelectedMom from 'src/hooks/useSelectedMom';
-import useSocketContext from 'src/hooks/useSocketContext';
 import { v4 as uuid } from 'uuid';
 
 import DefaultMom from './DefaultMom';
 import ee from './EventEmitter';
 import style from './style.module.scss';
 
 function Mom() {
-  const { selectedMom } = useSelectedMom();
+  const { selectedMom } = useSelectedMomContext();
   const { momSocket: socket } = useSocketContext();
 
   const initMom = () => {
diff --git a/client/src/components/Sidebar/MeetingButton.tsx b/client/src/components/Sidebar/MeetingButton.tsx
@@ -1,7 +1,7 @@
 import { WORKSPACE_EVENT } from '@wabinar/constants/socket-message';
 import { memo } from 'react';
-import { useMeetingContext } from 'src/hooks/useMeetingContext';
-import useSocketContext from 'src/hooks/useSocketContext';
+import useMeetingContext from 'src/hooks/context/useMeetingContext';
+import useSocketContext from 'src/hooks/context/useSocketContext';
 import color from 'styles/color.module.scss';
 
 import style from './style.module.scss';
diff --git a/client/src/components/Sidebar/MomList.tsx b/client/src/components/Sidebar/MomList.tsx
@@ -1,7 +1,7 @@
 import { RiFileAddLine } from '@react-icons/all-files/ri/RiFileAddLine';
 import { MOM_EVENT } from '@wabinar/constants/socket-message';
 import { memo, useEffect, useState } from 'react';
-import useSocketContext from 'src/hooks/useSocketContext';
+import useSocketContext from 'src/hooks/context/useSocketContext';
 import { TMom } from 'src/types/mom';
 
 import style from './style.module.scss';
diff --git a/client/src/components/Sidebar/index.tsx b/client/src/components/Sidebar/index.tsx
@@ -1,4 +1,4 @@
-import useSelectedMom from 'src/hooks/useSelectedMom';
+import useSelectedMomContext from 'src/hooks/context/useSelectedMomContext';
 import { WorkspaceInfo } from 'src/types/workspace';
 
 import Header from './Header';
@@ -12,7 +12,7 @@ interface SidebarProps {
 }
 
 function Sidebar({ workspace }: SidebarProps) {
-  const { setSelectedMom } = useSelectedMom();
+  const { setSelectedMom } = useSelectedMomContext();
 
   return (
     <div className={style['sidebar-container']}>
diff --git a/client/src/components/WorkspaceList/index.tsx b/client/src/components/WorkspaceList/index.tsx
@@ -3,7 +3,7 @@ import WorkspaceModal from 'components/WorkspaceModal';
 import WorkspaceThumbnaliList from 'components/WorkspaceThumbnailList';
 import { memo, useState } from 'react';
 import { MENUS } from 'src/constants/workspace';
-import useWorkspacesContext from 'src/hooks/useWorkspacesContext';
+import useWorkspacesContext from 'src/hooks/context/useWorkspacesContext';
 import { SelectorStyle } from 'src/types/selector';
 
 import AddButton from './AddButton';
diff --git a/client/src/components/WorkspaceModal/CreateModal.tsx b/client/src/components/WorkspaceModal/CreateModal.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { postWorkspace, postWorkspaceJoin } from 'src/apis/workspace';
 import { MENU } from 'src/constants/workspace';
-import useWorkspacesContext from 'src/hooks/useWorkspacesContext';
+import useWorkspacesContext from 'src/hooks/context/useWorkspacesContext';
 import { Workspace } from 'src/types/workspace';
 
 import FormModal, { ModalContents } from './FormModal';
diff --git a/client/src/components/WorkspaceModal/JoinModal.tsx b/client/src/components/WorkspaceModal/JoinModal.tsx
@@ -3,7 +3,7 @@ import { AxiosError, AxiosResponse } from 'axios';
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { postWorkspaceJoin } from 'src/apis/workspace';
-import useWorkspacesContext from 'src/hooks/useWorkspacesContext';
+import useWorkspacesContext from 'src/hooks/context/useWorkspacesContext';
 
 import FormModal, { ModalContents } from './FormModal';
 
diff --git a/client/src/components/WorkspaceSettingModal/index.tsx b/client/src/components/WorkspaceSettingModal/index.tsx
@@ -4,7 +4,7 @@ import Button from 'src/components/common/Button';
 import CopyButton from 'src/components/common/CopyButton';
 import Modal from 'src/components/common/Modal';
 import ERROR_MESSAGE from 'src/constants/error-message';
-import useWorkspacesContext from 'src/hooks/useWorkspacesContext';
+import useWorkspacesContext from 'src/hooks/context/useWorkspacesContext';
 
 import style from './style.module.scss';
 
diff --git a/client/src/components/common/Selector/Dropdown/Item.tsx b/client/src/components/common/Selector/Dropdown/Item.tsx
@@ -1,4 +1,4 @@
-import { useDropdownContext } from 'src/hooks/useDropdownContext';
+import useDropdownContext from 'src/hooks/context/useDropdownContext';
 
 interface ItemProps {
   id: number;
diff --git a/client/src/components/common/Selector/Dropdown/Menu.tsx b/client/src/components/common/Selector/Dropdown/Menu.tsx
@@ -1,4 +1,4 @@
-import { useDropdownContext } from 'src/hooks/useDropdownContext';
+import useDropdownContext from 'src/hooks/context/useDropdownContext';
 import { SelectorStyle } from 'src/types/selector';
 
 interface MenuProps {
diff --git a/client/src/components/common/Selector/Dropdown/Trigger.tsx b/client/src/components/common/Selector/Dropdown/Trigger.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { useDropdownContext } from 'src/hooks/useDropdownContext';
+import useDropdownContext from 'src/hooks/context/useDropdownContext';
 
 interface TriggerProps {
   TriggerElement: React.ElementType;
diff --git a/client/src/hooks/context/useDropdownContext.ts b/client/src/hooks/context/useDropdownContext.ts
@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import DropdownContext from 'src/contexts/dropdown';
 
-export function useDropdownContext() {
+export default function useDropdownContext() {
   const context = useContext(DropdownContext);
 
   if (!context)
diff --git a/client/src/hooks/context/useMeetingContext.ts b/client/src/hooks/context/useMeetingContext.ts
@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import ERROR_MESSAGE from 'src/constants/error-message';
 import MeetingContext from 'src/contexts/meeting';
 
-export function useMeetingContext() {
+export default function useMeetingContext() {
   const context = useContext(MeetingContext);
 
   if (!context) throw new Error(ERROR_MESSAGE.OUT_OF_CONTEXT_SCOPE);
diff --git a/client/src/hooks/context/useSelectedMomContext.ts b/client/src/hooks/context/useSelectedMomContext.ts
@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import ERROR_MESSAGE from 'src/constants/error-message';
 import { SelectedMomContext } from 'src/contexts/selected-mom';
 
-export default function useSelectedMom() {
+export default function useSelectedMomContext() {
   const context = useContext(SelectedMomContext);
 
   if (!context) throw new Error(ERROR_MESSAGE.OUT_OF_CONTEXT_SCOPE);
diff --git a/client/src/hooks/context/useSocketContext.ts b/client/src/hooks/context/useSocketContext.ts
diff --git a/client/src/hooks/context/useUserContext.ts b/client/src/hooks/context/useUserContext.ts
@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import ERROR_MESSAGE from 'src/constants/error-message';
 import UserContext from 'src/contexts/user';
 
-export function useUserContext() {
+export default function useUserContext() {
   const context = useContext(UserContext);
 
   if (!context) throw new Error(ERROR_MESSAGE.OUT_OF_CONTEXT_SCOPE);
diff --git a/client/src/hooks/context/useWorkspacesContext.ts b/client/src/hooks/context/useWorkspacesContext.ts
diff --git a/client/src/hooks/useCRDT.ts b/client/src/hooks/useCRDT.ts
@@ -1,11 +1,11 @@
 import CRDT from '@wabinar/crdt';
 import LinkedList, {
-  RemoteInsertOperation,
   RemoteDeleteOperation,
+  RemoteInsertOperation,
 } from '@wabinar/crdt/linked-list';
 import { useRef } from 'react';
 import ERROR_MESSAGE from 'src/constants/error-message';
-import { useUserContext } from 'src/hooks/useUserContext';
+import useUserContext from 'src/hooks/context/useUserContext';
 
 enum OPERATION_TYPE {
   INSERT,
diff --git a/client/src/hooks/useMeetingMediaStreams.ts b/client/src/hooks/useMeetingMediaStreams.ts
diff --git a/client/src/hooks/useMeetingMediaStreamsV2.ts b/client/src/hooks/useMeetingMediaStreamsV2.ts
diff --git a/client/src/hooks/useOffset.ts b/client/src/hooks/useOffset.ts
diff --git a/client/src/pages/Login/index.tsx b/client/src/pages/Login/index.tsx
@@ -7,7 +7,7 @@ import { useEffect } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { getAuth } from 'src/apis/auth';
 import WabinarIcon from 'src/components/common/Icon/Wabinar';
-import { useUserContext } from 'src/hooks/useUserContext';
+import useUserContext from 'src/hooks/context/useUserContext';
 
 import style from './style.module.scss';
 
diff --git a/client/src/pages/Workspace/index.tsx b/client/src/pages/Workspace/index.tsx
@@ -4,7 +4,7 @@ import { Route, Routes, useNavigate } from 'react-router-dom';
 import { getWorkspaces } from 'src/apis/user';
 import DefaultWorkspace from 'src/components/Workspace/DefaultWorkspace';
 import WorkspacesContext from 'src/contexts/workspaces';
-import { useUserContext } from 'src/hooks/useUserContext';
+import useUserContext from 'src/hooks/context/useUserContext';
 import { Workspace as TWorkspace } from 'src/types/workspace';
 
 import Layout from './Layout';
