erase "export default" outside of pages dir

ryo-manba · Oct 26, 2022 · a62a41c · a62a41c
1 parent 1dbe28c
commit a62a41c
Show file tree

Hide file tree

Showing 10 changed files with 24 additions and 36 deletions.
diff --git a/frontend/components/game/home/Display.tsx b/frontend/components/game/home/Display.tsx
@@ -1,19 +1,20 @@
 import { Grid } from '@mui/material';
 import { createContext, useMemo, useEffect } from 'react';
-import usePlayStateStore, {
+import {
+  usePlayStateStore,
   stateNothing,
   stateWaiting,
   statePlaying,
 } from '../../../store/game/home/PlayState';
-import ClientSocket from '../../../store/game/ClientSocket';
-import Start from './Start';
-import Play from './Play';
-import Wait from './Wait';
-import Watch from './Watch';
+import { ClientSocket } from '../../../store/game/ClientSocket';
+import { Start } from './Start';
+import { Play } from './Play';
+import { Wait } from './Wait';
+import { Watch } from './Watch';
 
 export const Context = createContext({} as ClientSocket);
 
-const Display = () => {
+export const Display = () => {
   const clientSocket = useMemo(() => {
     return new ClientSocket('ws://localhost:3001/game');
   }, []);
@@ -42,5 +43,3 @@ const Display = () => {
     </Grid>
   );
 };
-
-export default Display;
diff --git a/frontend/components/game/home/Layout.tsx b/frontend/components/game/home/Layout.tsx
@@ -6,7 +6,7 @@ type Props = {
   children: ReactNode;
 };
 
-const Layout: FC<Props> = ({ children, title = 'Next.js' }) => {
+export const Layout: FC<Props> = ({ children, title = 'Next.js' }) => {
   return (
     <div>
       <Head>
@@ -17,5 +17,3 @@ const Layout: FC<Props> = ({ children, title = 'Next.js' }) => {
     </div>
   );
 };
-
-export default Layout;
diff --git a/frontend/components/game/home/Play.tsx b/frontend/components/game/home/Play.tsx
@@ -1,8 +1,8 @@
 import { useState, useCallback, useEffect, useContext } from 'react';
-import useOpponentStore from '../../../store/game/home/Opponent';
+import { useOpponentStore } from '../../../store/game/home/Opponent';
 import { Context } from './Display';
 
-const Play = () => {
+export const Play = () => {
   const [score, setScore] = useState(0);
   const clientSocket = useContext(Context);
   const { opponent } = useOpponentStore();
@@ -35,5 +35,3 @@ const Play = () => {
     </div>
   );
 };
-
-export default Play;
diff --git a/frontend/components/game/home/Start.tsx b/frontend/components/game/home/Start.tsx
@@ -1,12 +1,13 @@
 import VideogameAssetSharpIcon from '@mui/icons-material/VideogameAssetSharp';
 import { Button, Grid, TextField } from '@mui/material';
 import React, { useContext, useRef } from 'react';
-import usePlayStateStore, {
+import {
+  usePlayStateStore,
   stateWaiting,
 } from '../../../store/game/home/PlayState';
 import { Context } from './Display';
 
-const Start = () => {
+export const Start = () => {
   const playerNameRef = useRef<HTMLInputElement>(null);
   const clientSocket = useContext(Context);
   const updatePlayState = usePlayStateStore((store) => store.updatePlayState);
@@ -39,5 +40,3 @@ const Start = () => {
     </>
   );
 };
-
-export default Start;
diff --git a/frontend/components/game/home/Wait.tsx b/frontend/components/game/home/Wait.tsx
@@ -1,12 +1,13 @@
 import { CircularProgress, Grid } from '@mui/material';
 import { useContext, useEffect } from 'react';
-import useOpponentStore from '../../../store/game/home/Opponent';
-import usePlayStateStore, {
+import { useOpponentStore } from '../../../store/game/home/Opponent';
+import {
+  usePlayStateStore,
   statePlaying,
 } from '../../../store/game/home/PlayState';
 import { Context } from './Display';
 
-const Wait = () => {
+export const Wait = () => {
   const clientSocket = useContext(Context);
   const updatePlayState = usePlayStateStore((store) => store.updatePlayState);
   const updateOpponent = useOpponentStore((store) => store.updateOpponent);
@@ -27,5 +28,3 @@ const Wait = () => {
     </Grid>
   );
 };
-
-export default Wait;
diff --git a/frontend/components/game/home/Watch.tsx b/frontend/components/game/home/Watch.tsx
@@ -9,7 +9,7 @@ type RoomInfo = {
   playerName2: string;
 };
 
-const Watch = () => {
+export const Watch = () => {
   const clientSocket = useContext(Context);
   const [rooms, setRooms] = useState<RoomInfo[]>([]);
 
@@ -49,5 +49,3 @@ const Watch = () => {
     </Grid>
   );
 };
-
-export default Watch;
diff --git a/frontend/pages/game/home/index.tsx b/frontend/pages/game/home/index.tsx
@@ -1,6 +1,6 @@
 import type { NextPage } from 'next';
-import Layout from '../../../components/game/home/Layout';
-import Display from '../../../components/game/home/Display';
+import { Layout } from '../../../components/game/home/Layout';
+import { Display } from '../../../components/game/home/Display';
 
 const Home: NextPage = () => {
   return (

diff --git a/frontend/store/game/ClientSocket.tsx b/frontend/store/game/ClientSocket.tsx
@@ -20,4 +20,4 @@ class ClientSocket {
   }
 }
 
-export default ClientSocket;
+export { ClientSocket };
diff --git a/frontend/store/game/home/Opponent.tsx b/frontend/store/game/home/Opponent.tsx
@@ -5,13 +5,11 @@ type State = {
   updateOpponent: (payload: string) => void;
 };
 
-const useOpponentStore = create<State>((set) => ({
+export const useOpponentStore = create<State>((set) => ({
   opponent: '',
   updateOpponent: (payload) => {
     set({
       opponent: payload,
     });
   },
 }));
-
-export default useOpponentStore;
diff --git a/frontend/store/game/home/PlayState.tsx b/frontend/store/game/home/PlayState.tsx
@@ -14,7 +14,7 @@ type State = {
   updatePlayState: (payload: PlayState) => void;
 };
 
-const usePlayStateStore = create<State>((set) => ({
+export const usePlayStateStore = create<State>((set) => ({
   playState: stateNothing,
   updatePlayState: (payload) =>
     set({
@@ -23,4 +23,3 @@ const usePlayStateStore = create<State>((set) => ({
 }));
 
 export { stateNothing, stateWaiting, statePlaying, type PlayState };
-export default usePlayStateStore;