diff --git a/minimal-app/src/app.js b/minimal-app/src/app.js index 3414241bf8bbf07f518863442700033491ee2d67..b40a50c76159fdafb0cd19213eec54902751d4b8 100644 --- a/minimal-app/src/app.js +++ b/minimal-app/src/app.js @@ -1,12 +1,13 @@ import React from 'react'; import { Route } from 'react-router-dom'; -import { Maze } from './features/invisibleMaze/invisibleMaze.js'; +import { InvisibleMaze } from './features/invisibleMaze/invisibleMaze.js'; export function App() { return ( <> <Route exact path={'/'}> + <InvisibleMaze/> </Route> </> ); diff --git a/minimal-app/src/features/invisibleMaze/invisibleMaze.js b/minimal-app/src/features/invisibleMaze/invisibleMaze.js index c4e68ed334f0b980f6a98626dd19022995911804..a203532b7dc1eab0a4987d9c1406c0cbc4e03b31 100644 --- a/minimal-app/src/features/invisibleMaze/invisibleMaze.js +++ b/minimal-app/src/features/invisibleMaze/invisibleMaze.js @@ -1,32 +1,36 @@ import React from 'react'; - +import { useSelector, useDispatch } from 'react-redux'; +import PropTypes from 'prop-types'; +import styles from './invisibleMaze.module.css'; export function InvisibleMaze() { + return ( <main> <label> - <button> + <button className={styles.panel}> </button> - <button> + <button className={styles.panel}> </button> - <button> + <button className={styles.panel}> </button> - <button> + <button className={styles.panel}> </button> - <button> + <button className={styles.panel}> </button> - <button> + <button className={styles.panel}> </button> - <button> + <button className={styles.panel}> </button> - <button> + <button className={styles.panel}> </button> - <button> + <button className={styles.panel}> </button> - <button> + <button className={styles.create}> + {"Create Maze"} </button> - <button> + <button className={styles.reset}> </button> - <button> + <button className={styles.play}> </button> </label> </main> diff --git a/minimal-app/src/features/invisibleMaze/invisibleMaze.module.css b/minimal-app/src/features/invisibleMaze/invisibleMaze.module.css new file mode 100644 index 0000000000000000000000000000000000000000..4ade51cc465f068329bffc5b66dc0a70a5583e33 --- /dev/null +++ b/minimal-app/src/features/invisibleMaze/invisibleMaze.module.css @@ -0,0 +1,20 @@ +.panel { + width: 50px; + height: 50px; +} +.create { + width: 50px; + height: 50px; +} +.reset { + width: 50px; + height: 50px; +} +.play { + width: 50px; + height: 50px; +} +.maze { + width: 50px; + height: 50px; +}