style : move settings button to eval section
This commit is contained in:
@@ -6,6 +6,7 @@ import LineEvaluation from "./lineEvaluation";
|
|||||||
import { useCurrentMove } from "@/hooks/useCurrentMove";
|
import { useCurrentMove } from "@/hooks/useCurrentMove";
|
||||||
import { LineEval } from "@/types/eval";
|
import { LineEval } from "@/types/eval";
|
||||||
import { EngineName } from "@/types/enums";
|
import { EngineName } from "@/types/enums";
|
||||||
|
import EngineSettingsButton from "@/sections/engineSettings/engineSettingsButton";
|
||||||
|
|
||||||
export default function ReviewPanelBody() {
|
export default function ReviewPanelBody() {
|
||||||
const linesNumber = useAtomValue(engineMultiPvAtom);
|
const linesNumber = useAtomValue(engineMultiPvAtom);
|
||||||
@@ -41,18 +42,32 @@ export default function ReviewPanelBody() {
|
|||||||
item
|
item
|
||||||
container
|
container
|
||||||
xs={12}
|
xs={12}
|
||||||
justifyContent="center"
|
justifyContent="space-between"
|
||||||
alignItems="center"
|
alignItems="center"
|
||||||
columnGap={1}
|
|
||||||
>
|
>
|
||||||
<Icon
|
<Grid item xs={1} />
|
||||||
icon="pepicons-pop:star-filled-circle"
|
|
||||||
color="#27f019"
|
<Grid
|
||||||
height={25}
|
item
|
||||||
/>
|
container
|
||||||
<Typography variant="h6" align="center">
|
xs
|
||||||
Engine evaluation
|
justifyContent="center"
|
||||||
</Typography>
|
alignItems="center"
|
||||||
|
columnGap={1}
|
||||||
|
>
|
||||||
|
<Icon
|
||||||
|
icon="pepicons-pop:star-filled-circle"
|
||||||
|
color="#27f019"
|
||||||
|
height={25}
|
||||||
|
/>
|
||||||
|
<Typography variant="h6" align="center">
|
||||||
|
Engine evaluation
|
||||||
|
</Typography>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
|
<Grid item container xs={1} justifyContent="center">
|
||||||
|
<EngineSettingsButton />
|
||||||
|
</Grid>
|
||||||
</Grid>
|
</Grid>
|
||||||
|
|
||||||
{!!bestMove && (
|
{!!bestMove && (
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ import { Grid, Typography } from "@mui/material";
|
|||||||
import GamePanel from "./gamePanel";
|
import GamePanel from "./gamePanel";
|
||||||
import LoadGame from "./loadGame";
|
import LoadGame from "./loadGame";
|
||||||
import AnalyzeButton from "./analyzeButton";
|
import AnalyzeButton from "./analyzeButton";
|
||||||
import EngineSettingsButton from "@/sections/engineSettings/engineSettingsButton";
|
|
||||||
|
|
||||||
export default function ReviewPanelHeader() {
|
export default function ReviewPanelHeader() {
|
||||||
return (
|
return (
|
||||||
@@ -19,27 +18,15 @@ export default function ReviewPanelHeader() {
|
|||||||
item
|
item
|
||||||
container
|
container
|
||||||
xs={12}
|
xs={12}
|
||||||
justifyContent="space-between"
|
justifyContent="center"
|
||||||
alignItems="center"
|
alignItems="center"
|
||||||
|
columnGap={1}
|
||||||
>
|
>
|
||||||
<Grid item xs={1} />
|
<Icon icon="ph:file-magnifying-glass-fill" height={28} />
|
||||||
|
|
||||||
<Grid
|
<Typography variant="h5" align="center">
|
||||||
item
|
Game Report
|
||||||
container
|
</Typography>
|
||||||
xs
|
|
||||||
justifyContent="center"
|
|
||||||
alignItems="center"
|
|
||||||
columnGap={1}
|
|
||||||
>
|
|
||||||
<Icon icon="ph:file-magnifying-glass-fill" height={28} />
|
|
||||||
|
|
||||||
<Typography variant="h5" align="center">
|
|
||||||
Game Report
|
|
||||||
</Typography>
|
|
||||||
</Grid>
|
|
||||||
|
|
||||||
<EngineSettingsButton />
|
|
||||||
</Grid>
|
</Grid>
|
||||||
|
|
||||||
<Grid
|
<Grid
|
||||||
|
|||||||
Reference in New Issue
Block a user