another change to hopefully trigger webhook

src/App.js

@@ -4,7 +4,6 @@ import Calculator from "./Components/Calculator";
 function App() {
   return (
     <div className="App">
-      I changed something else!
       <Calculator />
     </div>
   );

src/Components/Calculator.js

@@ -2,111 +2,150 @@ import { useState } from "react";
 import KeyPad from "./KeyPad";
 
 export default function Calculator(props) {
-    const [main, setMain] = useState("0")
+  const [main, setMain] = useState("0");
-    const [memory, setMemory] = useState("")
+  const [memory, setMemory] = useState("");
-    const [operation, setOperation] = useState("")
+  const [operation, setOperation] = useState("");
-    const [on, setOn] = useState(true)
+  const [on, setOn] = useState(true);
 
   const map = {
     conc: (numberString) => {
       if (main.length <= 9) {
         if (main[0] === "0") {
-                    setMain(prev => prev.slice(1) + numberString)
+          setMain((prev) => prev.slice(1) + numberString);
         } else {
-                    setMain(prev => prev + numberString)
+          setMain((prev) => prev + numberString);
         }
       }
     },
 
-        zero: function () { this.conc("0") },
+    zero: function () {
-        one: function () { this.conc("1") },
+      this.conc("0");
-        two: function () { this.conc("2") },
+    },
-        three: function () { this.conc("3") },
+    one: function () {
-        four: function () { this.conc("4") },
+      this.conc("1");
-        five: function () { this.conc("5") },
+    },
-        six: function () { this.conc("6") },
+    two: function () {
-        seven: function () { this.conc("7") },
+      this.conc("2");
-        eight: function () { this.conc("8") },
+    },
-        nine: function () { this.conc("9") },
+    three: function () {
+      this.conc("3");
+    },
+    four: function () {
+      this.conc("4");
+    },
+    five: function () {
+      this.conc("5");
+    },
+    six: function () {
+      this.conc("6");
+    },
+    seven: function () {
+      this.conc("7");
+    },
+    eight: function () {
+      this.conc("8");
+    },
+    nine: function () {
+      this.conc("9");
+    },
     decimal: function () {
       if (!/\./g.test(main)) {
-                this.conc(".")
+        this.conc(".");
       }
     },
 
-        add: function () { this.rcvOperator("add") },
+    add: function () {
-        subtract: function () { this.rcvOperator("subtract") },
+      this.rcvOperator("add");
-        multiply: function () { this.rcvOperator("multiply") },
+    },
-        divide: function () { this.rcvOperator("divide") },
+    subtract: function () {
+      this.rcvOperator("subtract");
+    },
+    multiply: function () {
+      this.rcvOperator("multiply");
+    },
+    divide: function () {
+      this.rcvOperator("divide");
+    },
 
     rcvOperator: function (operator) {
       if (main === "-") {
-                setMain("")
+        setMain("");
       } else if (main !== "") {
         if (memory === "") {
-                    setMemory(main)
+          setMemory(main);
         } else {
-                    setMemory(prev => { return this.calculate(main, prev) })
+          setMemory((prev) => {
+            return this.calculate(main, prev);
+          });
         }
-                setMain("")
+        setMain("");
       }
       if (main === "" && operator === "subtract") {
-                setMain(prev => {
+        setMain((prev) => {
           if (prev[0] !== "-") {
-                        return "-" + prev
+            return "-" + prev;
           }
-                })
+        });
       } else {
-                setOperation(operator)
+        setOperation(operator);
       }
-
-
     },
 
     operations: {
-            add: (a, b) => { return a + b },
+      add: (a, b) => {
-            subtract: (a, b) => { return b - a },
+        return a + b;
-            multiply: (a, b) => { return a * b },
+      },
-            divide: (a, b) => { return b / a },
+      subtract: (a, b) => {
+        return b - a;
+      },
+      multiply: (a, b) => {
+        return a * b;
+      },
+      divide: (a, b) => {
+        return b / a;
+      },
     },
 
     clear: () => {
-            setMain("0")
+      setMain("0");
-            setMemory("")
+      setMemory("");
-            setOperation("")
+      setOperation("");
     },
     equals: function () {
       if (operation !== "" && main !== "") {
-                setMain(prev => {
+        setMain((prev) => {
-                    return this.calculate(prev, memory)
+          return this.calculate(prev, memory);
-                })
+        });
-                setMemory("")
+        setMemory("");
-                setOperation("")
+        setOperation("");
       }
-
     },
     on: () => setOn(true),
     off: () => {
-            setOn(false)
+      setOn(false);
-            setMain("0")
+      setMain("0");
-            setMemory("")
+      setMemory("");
-            setOperation("")
+      setOperation("");
     },
     calculate: function (a, b) {
-            const string = this.operations[operation](parseFloat(a), parseFloat(b)).toString()
+      const string = this.operations[operation](
-            return string.length<=9?string:string.slice(0,10)
+        parseFloat(a),
-        }
+        parseFloat(b),
-    }
+      ).toString();
+      return string.length <= 9 ? string : string.slice(0, 10);
+    },
+  };
 
   function handleInput(content) {
-        map[content]()
+    map[content]();
   }
 
-
   return (
     <div id="calculator">
       <div id="calculator-content">
-                <header><h1>CALCULATOR</h1></header>
+        <header>
+          <h1>CALCULATOR - CI/CD EDITION</h1>
+        </header>
         <div id="display-container" className={on ? "on" : "off"}>
           <p id="memory">{memory}</p>
           <p id="display">{main}</p>
@@ -115,5 +154,6 @@ export default function Calculator(props) {
         <KeyPad handleInput={handleInput} />
       </div>
     </div>
-    )
+  );
 }
+