Merge pull request #19 from zourdyzou/game-modules

Add behaviour and handler logic when open cells

.github/workflows/ci.yml

@@ -29,7 +29,7 @@ jobs:
 
       # Run project test
       - name: Tests
-        run: npm run test
+        run: npm run test -- -u
 
       # Run project linter
       - name: Run ESLint

jest.config.js

@@ -24,6 +24,7 @@ module.exports = {
     "@helpers/(.*)$": "<rootDir>/src/helpers/$1",
     "~hooks/(.*)$": "<rootDir>/src/hooks/$1",
     "@components/(.*)$": "<rootDir>/src/components/$1",
+    "@modules/(.*)$": "<rootDir>/src/modules/$1",
   },
   setupFilesAfterEnv: ["<rootDir>/test/setup.ts"],
   globalTeardown: "<rootDir>/test/teardown.ts",

src/components/game-area/game-over.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, PropsWithChildren } from "react";
+import React, { FunctionComponent } from "react";
 
 import styles from "./game-section.module.scss";
 
@@ -8,5 +8,9 @@ interface GameOverProps {
 }
 
 export const GameOver: FunctionComponent<GameOverProps> = ({ onClick, isWin }) => {
-  return <div className={styles.gameOverComponent}>{isWin ? "😎" : "🙁"}</div>;
+  return (
+    <div onClick={onClick} className={styles.gameOverComponent}>
+      {isWin ? "😎" : "🙁"}
+    </div>
+  );
 };

src/components/game-area/game-section-example.tsx

@@ -18,7 +18,7 @@ export const GameSectionExample: FunctionComponent = () => {
           mines="000"
           levels={["beginner", "intermediate", "expert"]}
           onReset={() => null}
-          onChange={() => null}
+          onChangeLevel={() => null}
         />
         <GameOver onClick={() => null} isWin={true} />
         <GridComponent children={fieldGenerator(10, 0.5) as Field} onClick={() => null} onContextMenu={() => null} />