Merge pull request #18 from syeikhanritzmy/dev-redux

Dev redux

components/Card.jsx

@@ -18,7 +18,7 @@ export default function Cards() {
  <Card.Text className="text-black d-flex">
  <span>
  Some quick example text to build on the card title and make
- up the bulk of the card's content.
+ up the bulk of the card`s content.
  </span>
  </Card.Text>
  <Link href="/games">
@@ -37,7 +37,7 @@ export default function Cards() {
  <Card.Title>Multiplayer Game</Card.Title>
  <Card.Text className="text-black d-flex">
  <span>
- the bulk of the card's content. Some quick example text to
+ the bulk of the card`s content. Some quick example text to
  build on the card title and make up
  </span>
  </Card.Text>
@@ -56,7 +56,7 @@ export default function Cards() {
  <Card.Text className="text-black d-flex">
  <span>
  Some quick example text to build on the card title and make
- up the bulk of the card's content.
+ up the bulk of the card`s content.
  </span>
  </Card.Text>
  <Button variant="primary">See more</Button>

components/carousel.jsx

@@ -32,7 +32,7 @@ export default function Carousels() {
  <Carousel.Caption>
  {/* <h3>Second slide label</h3> */}
  <span className="d-flex justify-content-center">
- There's something really cool is coming ! Stay tuned{" "}
+ There`s something really cool is coming ! Stay tuned{" "}
  </span>
  </Carousel.Caption>
  </Carousel.Item>
@@ -47,7 +47,7 @@ export default function Carousels() {
  {/* <h3>Third slide label</h3> */}
 
  <span className="d-flex justify-content-center">
- There's something really cool is coming ! Stay tuned{" "}
+ There`s something really cool is coming ! Stay tuned{" "}
  </span>
  </Carousel.Caption>
  </Carousel.Item>

pages/game/rps.jsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import { getDatabase, ref, onValue, update } from "firebase/database";
 import { getAuth, onAuthStateChanged } from "../../firebase/clientApp";
 import { useSelector, useDispatch } from 'react-redux'
+import { useRouter } from 'next/router';
 import { nextRound, nextSet, resetRound, resetSet, win, lose, addHistory } from '../../store/gameSlice';
 
 import styles from "../../styles/Game.module.css";
@@ -17,7 +18,7 @@ export default function Game() {
  const [player, setPlayer] = useState('Player 1');
  const [playerPick, setPlayerPick] = useState('');
  const [comPick, setComPick] = useState('');
-
+ const router = useRouter();
  const auth = getAuth();
 
  const game = useSelector(state => {

pages/index.jsx

@@ -16,7 +16,7 @@ export default function Home(props) {
  <Col>
  <h1 className={styles.title}>Welcome to The Game {player}</h1>
  <h3 className={styles.title + " d-flex justify-content-center"}>
- Let's play some games !
+ Let`s play some games !
  </h3>
  <Link href="/#Cards ">
  <div className="d-flex justify-content-center ">