Capitalize UI elements

dr4fters · Feb 26, 2019 · da81d2e · da81d2e
1 parent 27efec6
commit da81d2e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 18 deletions.
diff --git a/public/src/game/DeckSettings.jsx b/public/src/game/DeckSettings.jsx
@@ -22,8 +22,8 @@ const LandsPanel = () => (
         <ManaSymbols />
       </thead>
       <tbody>
-        <LandsRow zoneName="main" />
-        <LandsRow zoneName="side" />
+        <LandsRow zoneName="Main" />
+        <LandsRow zoneName="Side" />
       </tbody>
       <tfoot>
         <SuggestLands />
@@ -56,9 +56,9 @@ const LandsRow = ({zoneName}) => (
         <input
           className='number'
           min={0}
-          onChange={App._emit("land", zoneName, cardName)}
+          onChange={App._emit("land", zoneName.toLowerCase(), cardName)}
           type='number'
-          value={Zones[zoneName][cardName] || 0}/>
+          value={Zones[zoneName.toLowerCase()][cardName] || 0}/>
       </td>)}
   </tr>
 );
@@ -69,7 +69,7 @@ LandsRow.propTypes = {
 
 const SuggestLands = () => (
   <tr>
-    <td>deck size</td>
+    <td>Deck size</td>
     <td>
       <input
         className='number'
@@ -80,12 +80,12 @@ const SuggestLands = () => (
     </td>
     <td colSpan={2}>
       <button className='land-suggest-button' onClick={App._emit("resetLands")}>
-        reset lands
+        Reset lands
       </button>
     </td>
     <td colSpan={2}>
       <button className='land-suggest-button' onClick={App._emit("suggestLands")}>
-        suggest lands
+        Suggest lands
       </button>
     </td>
   </tr>

diff --git a/public/src/game/Game.jsx b/public/src/game/Game.jsx
@@ -58,7 +58,7 @@ const CardsZone = () => {
   = !App.state.isGameFinished && Object.keys(Zones.pack).length
     ? <Grid key={"pack"} zones={["pack"]} />
     : <div key={"pack"}/>;
-  const props = { zones: ["main", "side", "junk"] };
+  const props = { zones: ["mainboard", "sideboard", "junk"] };
   const pool = App.state.cols ? <Cols key={"pool"} {...props}/> : <Grid key={"pool"} {...props} />;
   return [pack, pool];
 };
diff --git a/public/src/game/GameSettings.jsx b/public/src/game/GameSettings.jsx
@@ -37,14 +37,14 @@ const SortCards = () => (
   <div className="settings-sort-cards">
     Sort cards by:
     <div className= 'connected-container' >
-      {["cmc", "color", "type", "rarity"].map((sort, index) =>
+      {["CMC", "Color", "Type", "Rarity"].map((sort, index) =>
         <label key={index} className='radio-label connected-component'>
-          <input checked= {sort === App.state.sort}
+          <input checked= {sort.toLowerCase() === App.state.sort}
             className='radio-input'
             name= 'sort-order'
             onChange= {e => App.save("sort", e.currentTarget.value)}
             type='radio'
-            value={sort}/>
+            value={sort.toLowerCase()}/>
           {sort}
         </label>
       )}
@@ -56,8 +56,8 @@ const CardsImageQuality = () => (
   <div className="settings-cards-size">
     Card image quality:
     <div className='connected-container'>
-      {["small", "normal", "large"].map((size, index) => <label key={index} className='radio-label connected-component'>
-        <input checked={size === App.state.cardSize} className='radio-input' name='card-size' onChange={e => App.save("cardSize", e.currentTarget.value)} type='radio' value={size} />
+      {["Small", "Normal", "Large"].map((size, index) => <label key={index} className='radio-label connected-component'>
+        <input checked={size.toLowerCase() === App.state.cardSize} className='radio-input' name='card-size' onChange={e => App.save("cardSize", e.currentTarget.value)} type='radio' value={size.toLowerCase()} />
         {size}
       </label>)}
     </div>

diff --git a/public/src/game/PlayersPanel.jsx b/public/src/game/PlayersPanel.jsx
@@ -28,11 +28,11 @@ const PlayerTableHeader = () => (
   <tr>
     <th key="1">#</th>
     <th key="2"/>
-    <th key="3">name</th>
-    <th key="4">packs</th>
-    <th key="7">time</th>
-    <th key="8">cock</th>
-    <th key="9">mws</th>
+    <th key="3">Drafter</th>
+    <th key="4">Packs</th>
+    <th key="7">Timer</th>
+    <th key="8">Trice</th>
+    <th key="9">MWS</th>
   </tr>
 );