Refresh button public

codergautam · Dec 16, 2024 · ac80cb6 · ac80cb6
1 parent 392e187
commit ac80cb6
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/components/home.js b/components/home.js
@@ -1,6 +1,6 @@
 import HeadContent from "@/components/headContent";
 import { FaDiscord, FaGithub } from "react-icons/fa";
-import { FaGear,FaRankingStar, FaYoutube } from "react-icons/fa6";
+import { FaArrowRotateRight, FaGear,FaRankingStar, FaYoutube } from "react-icons/fa6";
 import { signOut, useSession } from "@/components/auth/auth";
 import 'react-responsive-modal/styles.css';
 import { useEffect, useState, useRef } from "react";
@@ -1979,6 +1979,15 @@ setShowCountryButtons(false)
       }))}}
 
       inCoolMathGames={inCoolMathGames} maintenance={maintenance} inCrazyGames={inCrazyGames} loading={loading} onFriendsPress={()=>setFriendsModal(true)} loginQueued={loginQueued} setLoginQueued={setLoginQueued} inGame={multiplayerState?.inGame || screen === "singleplayer"} openAccountModal={() => setAccountModalOpen(true)} session={session} reloadBtnPressed={reloadBtnPressed} backBtnPressed={backBtnPressed} setGameOptionsModalShown={setGameOptionsModalShown} onNavbarPress={() => onNavbarLogoPress()} gameOptions={gameOptions} screen={screen} multiplayerState={multiplayerState} shown={!multiplayerState?.gameData?.public && !leagueModal} />
+
+{/* reload button for public game */}
+{ multiplayerState?.gameData?.public && multiplayerState?.gameData?.state === "guess" && (
+<div className="gameBtnContainer" style={{position: 'fixed',top: '60px', left: '10px', zIndex: 1000000}}>
+
+  <button className="gameBtn navBtn backBtn reloadBtn" onClick={()=>reloadBtnPressed()}><FaArrowRotateRight /></button>
+</div>
+)}
+
 {/* ELO/League button */}
 {screen === "home" && !mapModal && session && session?.token?.secret && (
   <button className="gameBtn leagueBtn" onClick={()=>{setLeagueModal(true)}} style={{backgroundColor: eloData?.league?.color }}>

diff --git a/components/ui/navbar.js b/components/ui/navbar.js
@@ -30,7 +30,7 @@ export default function Navbar({ maintenance, joinCodePress, inCrazyGames, inCoo
       <button className="gameBtn navBtn backBtn mobile" onClick={backBtnPressed}><FaArrowLeft /></button>
       </div>
       {reloadBtn && (
-      <button className="gameBtn navBtn backBtn" style={{backgroundColor: '#000099'}} onClick={reloadBtnPressed}><FaArrowRotateRight /></button>
+      <button className="gameBtn navBtn backBtn reloadBtn" onClick={reloadBtnPressed}><FaArrowRotateRight /></button>
       )}
 
 

diff --git a/styles/globals.scss b/styles/globals.scss
@@ -296,6 +296,14 @@ html {
 .backBtn:hover {
   background-color: darkred;
 }
+
+.reloadBtn {
+  background-color: #000099;
+  // width: 100px;
+}
+.reloadBtn:hover {
+  background-color: #00005f;
+}
 h1, h2, h3, span {
   font-weight: 500;
   color: white;