Restore share menu code that got overwritten

Capstone-Projects-2024-Spring · Apr 22, 2024 · 0732017 · 0732017
1 parent 85fc9af
commit 0732017
Showing 1 changed file with 51 additions and 52 deletions.
diff --git a/home/webapp/src/components/HomePage.jsx b/home/webapp/src/components/HomePage.jsx
@@ -95,7 +95,6 @@ export default function HomePage() {
         >
           <NewGameIcon />
         </GameIcon>
-        {console.log(availableGames)}
         {availableGames.map((game, index) => (
           <GameIcon
             key={index}
@@ -109,70 +108,70 @@ export default function HomePage() {
 
       <GameInfoContainer>
 
-        {shareMenuOpen?
-            <ShareMenu>
+        {
+          shareMenuOpen
+          ?
+          <ShareMenu>
             <ShareMenuButton tabIndex={1}> <ClassroomIcon/> My Classroom </ShareMenuButton>
             <ShareMenuButton tabIndex={1} onClick={()=>shareToCommunity()}> <CommunityIcon/> Community Hub </ShareMenuButton>
             <ShareMenuButton tabIndex={1} onClick={()=>{
               setShareMenuOpen(false);
               document.getElementById("shareButton").focus()
             }}> Nevermind </ShareMenuButton>
           </ShareMenu>
-
-        :<></>}
-
-
-       {selectedGame != null ?
-         <>
+        :
+        <></>
+        }
 
-        <GameMetaData>
-            <MetaDataTitle>
-              <span>{selectedGame.name}</span>
-            </MetaDataTitle>
-            <MetaDataText> Author: {selectedGame.metadata[1]["author name"]}</MetaDataText>
-            <MetaDataText> Last Updated: {selectedGame.last_updated}</MetaDataText>
 
+        {
+          selectedGame != null
+          ? 
+          <>
+            <GameMetaData>
+              <MetaDataTitle>
+                <span>{selectedGame.name}</span>
+              </MetaDataTitle>
+              <MetaDataText> Author: {selectedGame.metadata[1]["author name"]}</MetaDataText>
+              <MetaDataText> Last Updated: {selectedGame.last_updated}</MetaDataText>
             </GameMetaData>
 
 
-          <GameActionButtonsContainer>
-         <GameActionButton 
-          tabIndex={0}
-          onClick={() => runGame()}
-         >
-            <PlayButtonForegroundColor>
-              <PlayIcon />
-            </PlayButtonForegroundColor>
-            <PlayButtonBackgroundColor />
-          </GameActionButton>
-
-          <GameActionButton 
-            tabIndex={0}
-            onClick={() => editGame()}
-            >
-            <EditButtonForegroundColor>
-              <PencilIcon />
-            </EditButtonForegroundColor>
-            <EditButtonBackgroundColor />
-          </GameActionButton>
-
-          <GameActionButton
-           tabIndex={0}
-          onClick={() => setShareMenuOpen(true)}
-          id="shareButton"
-           >
-            <ShareButtonForegroundColor>
-              <UploadIcon />
-            </ShareButtonForegroundColor>
-            <ShareButtonBackgroundColor />
-          </GameActionButton>
-        </GameActionButtonsContainer>
-            </>
-          : <></>
+            <GameActionButtonsContainer>
+              <GameActionButton 
+                tabIndex={0}
+                onClick={() => runGame()}
+              >
+                <PlayButtonForegroundColor>
+                  <PlayIcon />
+                </PlayButtonForegroundColor>
+                <PlayButtonBackgroundColor />
+              </GameActionButton>
+              <GameActionButton 
+                tabIndex={0}
+                onClick={() => editGame()}
+              >
+                <EditButtonForegroundColor>
+                  <PencilIcon />
+                </EditButtonForegroundColor>
+                <EditButtonBackgroundColor />
+              </GameActionButton>
+
+              <GameActionButton
+                tabIndex={0}
+                onClick={() => setShareMenuOpen(true)}
+                id="shareButton"
+              >
+                <ShareButtonForegroundColor>
+                  <UploadIcon />
+                </ShareButtonForegroundColor>
+                <ShareButtonBackgroundColor />
+              </GameActionButton>
+            </GameActionButtonsContainer>
+          </>
+          : 
+          <></>
         }
-
-
-
       </GameInfoContainer>
     </HomePageContainer>
   );