Merge pull request #34 from ryo-manba/front-next-bug

フロントエンド側でyarn buildを成功させる。[WIP]

frontend/pages/game/home/components/Display.tsx → frontend/components/game/home/Display.tsx

@@ -1,11 +1,12 @@
 import { Grid } from '@mui/material';
 import { createContext, useMemo, useEffect } from 'react';
-import usePlayStateStore, {
+import {
+  usePlayStateStore,
   stateNothing,
   stateWaiting,
   statePlaying,
-} from '../store/PlayState';
-import { ClientSocket } from '../../ClientSocket';
+} from '../../../store/game/home/PlayState';
+import { ClientSocket } from '../../../store/game/ClientSocket';
 import { Start } from './Start';
 import { Play } from './Play';
 import { Wait } from './Wait';

frontend/pages/game/home/components/Play.tsx → frontend/components/game/home/Play.tsx

@@ -1,5 +1,5 @@
 import { useState, useCallback, useEffect, useContext } from 'react';
-import useOpponentStore from '../store/Opponent';
+import { useOpponentStore } from '../../../store/game/home/Opponent';
 import { Context } from './Display';
 
 export const Play = () => {

frontend/pages/game/home/components/Start.tsx → frontend/components/game/home/Start.tsx

@@ -1,7 +1,10 @@
 import VideogameAssetSharpIcon from '@mui/icons-material/VideogameAssetSharp';
 import { Button, Grid, TextField } from '@mui/material';
 import React, { useContext, useRef } from 'react';
-import usePlayStateStore, { stateWaiting } from '../store/PlayState';
+import {
+  usePlayStateStore,
+  stateWaiting,
+} from '../../../store/game/home/PlayState';
 import { Context } from './Display';
 
 export const Start = () => {

frontend/pages/game/home/components/Wait.tsx → frontend/components/game/home/Wait.tsx

@@ -1,7 +1,10 @@
 import { CircularProgress, Grid } from '@mui/material';
 import { useContext, useEffect } from 'react';
-import useOpponentStore from '../store/Opponent';
-import usePlayStateStore, { statePlaying } from '../store/PlayState';
+import { useOpponentStore } from '../../../store/game/home/Opponent';
+import {
+  usePlayStateStore,
+  statePlaying,
+} from '../../../store/game/home/PlayState';
 import { Context } from './Display';
 
 export const Wait = () => {

frontend/pages/game/home/index.tsx

@@ -1,6 +1,6 @@
 import type { NextPage } from 'next';
-import { Layout } from './components/Layout';
-import { Display } from './components/Display';
+import { Layout } from '../../../components/game/home/Layout';
+import { Display } from '../../../components/game/home/Display';
 
 const Home: NextPage = () => {
   return (

frontend/pages/index.tsx

@@ -1,7 +1,4 @@
 import type { NextPage } from 'next';
-// import Head from 'next/head';
-// import Image from 'next/image';
-// import styles from '../styles/Home.module.css';
 import { Stack, Button } from '@mui/material';
 
 const Home: NextPage = () => {

frontend/pages/game/home/store/Opponent.tsx → 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;

frontend/pages/game/home/store/PlayState.tsx → 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;