Syntax correction + New grouping settings buttons

Talishar · May 4, 2024 · ea91702 · ea91702
1 parent 63a67bf
commit ea91702
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 14 deletions.
diff --git a/src/routes/game/components/elements/chainLinkSummary/ChainLinkSummary.tsx b/src/routes/game/components/elements/chainLinkSummary/ChainLinkSummary.tsx
@@ -143,7 +143,7 @@ const ChainLinkSummary = ({
             <h3 className={styles.title}>{'Chain Link Summary'}</h3>
           </div>
           <div className={styles.cardListCloseIcon} onClick={closeCardList}>
-            <FaTimes title="close dialog" />
+            <FaTimes title="Close Dialog" />
           </div>
         </div>
         {content}

diff --git a/src/routes/game/components/elements/menu/OptionsMenuToggle/OptionsMenuToggle.tsx b/src/routes/game/components/elements/menu/OptionsMenuToggle/OptionsMenuToggle.tsx
@@ -31,7 +31,7 @@ function OptionsMenuToggle() {
         aria-label="Toggle main menu"
         title="Options Menu"
         onClick={() => toggleMenu()}
-        data-tooltip="Options Menu"
+        data-tooltip="Settings Menu"
         data-placement="bottom"
       >
         <GiHamburgerMenu aria-hidden="true" fontSize={'1.75em'} />

diff --git a/src/routes/game/components/elements/optionsMenu/OptionsMenu.tsx b/src/routes/game/components/elements/optionsMenu/OptionsMenu.tsx
@@ -108,16 +108,13 @@ const OptionsContent = () => {
         <OptionsSettings />
       </div>
       <div className={styles.column}>
-        <h3>Navigation</h3>
+        <h3>General</h3>
         <div className={styles.buttonColumn}>
-          {/*<button className={styles.buttonDiv} onClick={clickPlayLegacyHandler}>
-            Legacy Talishar Client
-          </button> */}
           <button
             className={styles.buttonDiv}
             onClick={handleClickMainMenuButton}
           >
-            Home Page
+            Homepage
           </button>
           {playerID !== 3 && ( // If not a spectator then can change options
             <>
@@ -141,7 +138,14 @@ const OptionsContent = () => {
               >
                 Report Player
               </button>
-              <button
+            </>
+          )}
+        </div>
+        <h3>Gamestate Correction</h3>
+        <div className={styles.buttonColumn}>
+          {playerID !== 3 && ( // If not a spectator then can change options
+            <>
+               <button
                 className={styles.buttonDiv}
                 onClick={clickUndoButtonHandler}
               >
@@ -214,15 +218,15 @@ export default function OptionsMenu() {
         >
           <div className={styles.optionsTitleContainer}>
             <hgroup className={styles.optionsTitle}>
-              <h2 className={styles.title}>Main Options</h2>
+              <h2 className={styles.title}>Settings Menu</h2>
               <h4></h4>
             </hgroup>
             <div
               className={styles.optionsMenuCloseIcon}
               onClick={closeOptions}
               data-testid="close-button"
             >
-              <FaTimes title="close options menu" />
+              <FaTimes title="Close Settings Menu" />
             </div>
           </div>
           <OptionsContent />

diff --git a/src/routes/game/components/elements/optionsMenu/OptionsSettings/OptionsSettings.tsx b/src/routes/game/components/elements/optionsMenu/OptionsSettings/OptionsSettings.tsx
@@ -183,7 +183,7 @@ const OptionsSettings = () => {
         </fieldset>
         <fieldset>
           <legend>
-            <strong>Skip overrides</strong>
+            <strong>Skip Overrides</strong>
           </legend>
           <label className={styles.optionLabel}>
             <input
@@ -331,7 +331,7 @@ const OptionsSettings = () => {
                 })
               }
             />
-            Enable Manual Mode (for board state corrections)
+            Enable Manual Mode
           </label>
           <label className={styles.optionLabel}>
             <input

diff --git a/src/routes/game/components/elements/playerInputPopUp/PlayerInputPopUp.tsx b/src/routes/game/components/elements/playerInputPopUp/PlayerInputPopUp.tsx
@@ -131,7 +131,7 @@ export default function PlayerInputPopUp() {
         </div>
         {inputPopUp.popup?.canClose ? (
           <div className={styles.inputPopUpCloseIcon} onClick={onPassTurn}>
-            <FaTimes title="close popup" />
+            <FaTimes title="Close Popup" />
           </div>
         ) : null}
       </div>

diff --git a/src/routes/game/components/zones/cardListZone/CardListZone.tsx b/src/routes/game/components/zones/cardListZone/CardListZone.tsx
@@ -45,7 +45,7 @@ export const CardListZone = () => {
               <h3 className={styles.title}>{cardList?.name}</h3>
             </div>
             <div className={styles.cardListCloseIcon} onClick={closeCardList}>
-              <FaTimes title="close dialog" />
+              <FaTimes title="Close Dialog" />
             </div>
           </div>
           {cardList?.apiCall ? (