Ready for first release

package.json

@@ -1,6 +1,6 @@
 {
   "name": "guess-what",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.1",

src/Header.js

@@ -19,12 +19,7 @@ export default function Header({setDarkMode}) {
 		</div>
 		<h1> Guess What? </h1>
 		<div>
-		<button>
-			<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
-				<path fill="var(--menu-color)" d="M16,11V3H8v6H2v12h20V11H16z M10,5h4v14h-4V5z M4,11h4v8H4V11z M20,19h-4v-6h4V19z"></path>
-			</svg>
-		</button>
-      <button onClick={() => setIsSettingsOpen(prev => !prev)}>
+     <button onClick={() => setIsSettingsOpen(prev => !prev)}>
 			<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
 				<path fill="var(--menu-color)" d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"></path>
 			</svg>

src/Help.css

@@ -83,3 +83,17 @@
   font-size: 1.3em;
 }
 
+.setting a {
+  color: var(--text-color);
+}
+
+
+.help__footer {
+  position: absolute;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  padding: 0 20px;
+  color: var(--text-color);
+  text-align: end;
+}

src/Keyboard.js

@@ -5,7 +5,7 @@ import './Keyboard.css'
 const KEYS = [
 	['Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'],
 		['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L'],
-	['Enter', 'Z', 'X', 'C', 'V', 'B', 'N', 'M', 'Back']
+	['Back', 'Z', 'X', 'C', 'V', 'B', 'N', 'M', 'Enter']
 ]
 
 export default function Keyboard({ onInput, boardState, word, currentRow }) {

src/Settings.js

@@ -23,6 +23,17 @@ export default function Settings({ onClose, setDarkMode }) {
         <p className="setting-name">Dark Theme</p>
         <Switch onChange={darkModeButtonHandler} value={localStorage.getItem('theme') === 'light' ? false : true }/>
       </div>
+      <div className="setting">
+        <p className="setting-name">Developer</p>
+        <div>
+          <a href="https://twitter.com/Siddharth_Roy12" target="_blank" rel="noreferrer">Twitter</a>
+          {" | "}
+          <a href="http://siddharthroy.ml/" target="_blank" rel="noreferrer">Website</a>
+        </div>
+      </div>
+    </div>
+    <div className="help__footer">
+      <p>Version 1.0.0</p>
     </div>
   </div>)
 }