haunter/chesskit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : mui & state refacto

Browse Source
This commit is contained in:
GuillaumeSD
2024-02-20 05:08:27 +01:00
parent 70518a8bb8
commit 4502651492
31 changed files with 1481 additions and 800 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/_app.tsx
View File

@@ -1,7 +1,12 @@
import "@fontsource/roboto/300.css";
import "@fontsource/roboto/400.css";
import "@fontsource/roboto/500.css";
import "@fontsource/roboto/700.css";
import { AppProps } from "next/app";
import Head from "next/head";
import "../../styles/global.css";
import "../../styles/index.css";
// import "../../styles/global.css";
// import "../../styles/index.css";
import Layout from "@/sections/layout";
export default function MyApp({ Component, pageProps }: AppProps) {
return (
@@ -9,7 +14,9 @@ export default function MyApp({ Component, pageProps }: AppProps) {
<Head>
<title>Free Chess</title>
</Head>
<Component {...pageProps} />
<Layout>
<Component {...pageProps} />
</Layout>
</>
);
}

63
src/pages/index.tsx
View File

@@ -1,24 +1,53 @@
import TopBar from "@/sections/index/topBar";
import Board from "@/sections/index/board";
import ReviewPanelBody from "@/sections/index/reviewPanelBody";
import ReviewPanelToolBar from "@/sections/index/reviewPanelToolbar";
import Board from "@/sections/gameReport/board";
import ReviewPanelBody from "@/sections/gameReport/reviewPanelBody";
import ReviewPanelHeader from "@/sections/gameReport/reviewPanelHeader";
import ReviewPanelToolBar from "@/sections/gameReport/reviewPanelToolbar";
import { Grid } from "@mui/material";
export default function HomePage() {
export default function GameReport() {
return (
<>
<TopBar />
<Grid
container
rowGap={2}
justifyContent="center"
alignItems="center"
marginTop={1}
>
<Board />
<div className="center">
<div id="review-container">
<Board />
<Grid
item
container
rowGap={2}
paddingLeft={{ xs: 0, md: 6 }}
justifyContent="center"
alignItems="center"
xs={12}
md={6}
>
<Grid
container
item
rowGap={3}
columnGap={1}
justifyContent="center"
alignItems="center"
borderRadius={2}
border={1}
borderColor={"secondary.main"}
xs={12}
sx={{
backgroundColor: "secondary.main",
}}
paddingY={3}
>
<ReviewPanelHeader />
<div id="review-panel">
<ReviewPanelBody />
<ReviewPanelBody />
<ReviewPanelToolBar />
</div>
</div>
</div>
</>
<ReviewPanelToolBar />
</Grid>
</Grid>
</Grid>
);
}