first commit

components/draughts/settings/views/DraughtsMenu.jsx

@@ -0,0 +1,30 @@
+import { SettingsIcon, RepeatIcon } from '@chakra-ui/icons';
+import { Button, VStack } from '@chakra-ui/react';
+import { useDraughtsGame } from '../../game/DraughtsGameContext';
+import { useDraughtsSettings } from '../DraughtsSettingsContext';
+import { DraughtsSettingsModal } from './DraughtsSettingsModal';
+
+export function DraughtsMenuView() {
+  const { restartGame } = useDraughtsGame();
+  const { settingsModal } = useDraughtsSettings();
+
+  return (
+    <VStack>
+      <DraughtsSettingsModal />
+      <Button
+        onClick={() => settingsModal.onOpen()}
+        rightIcon={<SettingsIcon />}
+        size="xs"
+      >
+        Buka Setting
+      </Button>
+      <Button
+        onClick={() => restartGame()}
+        rightIcon={<RepeatIcon />}
+        size="xs"
+      >
+        Mulai Lagi
+      </Button>
+    </VStack>
+  );
+}