format fixes & theme color fix

Author: maxchistt

public/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#D3D3D3" />
+    <meta name="theme-color" content="#FFFFFF" />
     <meta name="description" content="Web site created using create-react-app. This is a React Notes app" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--

src/Cards/AddCard.js

@@ -3,71 +3,65 @@ import PropTypes from 'prop-types'
 import TextareaAutosize from 'react-textarea-autosize'
 
 function useInputValue(defaultValue) {
-    const [value, setValue] = useState(defaultValue)
-
-    return {
-        bind: {
-            value,
-            onChange: event => setValue(event.target.value)
-        },
-        clear: () => setValue(defaultValue),
-        value: () => value
-    }
+  const [value, setValue] = useState(defaultValue)
+  return {
+    bind: {
+      value,
+      onChange: event => setValue(event.target.value)
+    },
+    clear: () => setValue(defaultValue),
+    value: () => value
+  }
 }
 
 function AddCard({ onCreate, onDeleteAll }) {
+  const input = useInputValue('')
+  const select = useInputValue(0)
 
-    const input = useInputValue('')
-    const select = useInputValue(0)
-
-    function submitHandler() {
-        if (String(input.value()).trim() && String(select.value()).trim()) {
-            onCreate({ name: String(input.value()).trim(), text: "", sel: Boolean(Number(select.value())) })
-            input.clear()
-        }
+  function submitHandler() {
+    if (String(input.value()).trim() && String(select.value()).trim()) {
+      onCreate({ name: String(input.value()).trim(), text: "", sel: Boolean(Number(select.value())) })
+      input.clear()
     }
+  }
+
+  return (
+    <div className="container">
+      <div className="row my-2 text-center">
+
+        <div className="col-lg-12 col-md-12 p-1">
+          <TextareaAutosize type="text" className="form-control" placeholder="Card name" id="Text"
+            {...input.bind}
+            style={{ resize: "none" }}
+            minRows={1}
+            maxRows={3}
+            maxLength="100"
+          />
+        </div>
 
-    return (
-
-        <div className="container">
-            <div className="row my-2 text-center">
-
-                <div className="col-lg-12 col-md-12 p-1">
-                    <TextareaAutosize type="text" className="form-control" placeholder="Card name" id="Text"
-                        {...input.bind}
-                        style={{ resize: "none" }}
-                        minRows={1}
-                        maxRows={3}
-                        maxLength="100"
-                    />
-                </div>
-
-                <div className="col-lg-8 col-md-6 col-sm-4 p-1">
-                    <select className="custom-select" id="Status" {...select.bind}>
-                        <option value="1">Done</option>
-                        <option value="0">Not done</option>
-                    </select>
-                </div>
-
-                <div className="col-lg-2 col-md-3 col-sm-4 col-6 p-1">
-                    <button disabled={!input.value().trim()} className="btn btn-success btn-block" onClick={submitHandler}><i className="bi bi-clipboard-plus"></i> Add card</button>
-                </div>
+        <div className="col-lg-8 col-md-6 col-sm-4 p-1">
+          <select className="custom-select" id="Status" {...select.bind}>
+            <option value="1">Done</option>
+            <option value="0">Not done</option>
+          </select>
+        </div>
 
-                <div className="col-lg-2 col-md-3 col-sm-4 col-6 p-1">
-                    <button className="btn btn-danger btn-block" onClick={onDeleteAll}><i className="bi bi-x-square"></i> Delete All</button>
-                </div>
+        <div className="col-lg-2 col-md-3 col-sm-4 col-6 p-1">
+          <button disabled={!input.value().trim()} className="btn btn-success btn-block" onClick={submitHandler}><i className="bi bi-clipboard-plus"></i> Add card</button>
+        </div>
 
-            </div>
+        <div className="col-lg-2 col-md-3 col-sm-4 col-6 p-1">
+          <button className="btn btn-danger btn-block" onClick={onDeleteAll}><i className="bi bi-x-square"></i> Delete All</button>
         </div>
 
-    )
+      </div>
+    </div>
+  )
 }
 
 AddCard.propTypes = {
-    onCreate: PropTypes.func.isRequired,
-    onDeleteAll: PropTypes.func.isRequired
+  onCreate: PropTypes.func.isRequired,
+  onDeleteAll: PropTypes.func.isRequired
 }
 
 export default AddCard
-
-