Merge pull request #4 from LauraCole1900/feature/linting-test

updating yaml file for 20.24

.github/workflows/main.yml

@@ -21,10 +21,10 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v1
 
-      - name: Use Node.js 20.x
+      - name: Use Node.js 21.x
         uses: actions/setup-node@v1
         with:
-          node-version: 20.x
+          node-version: 21.x
 
       # Install dependencies
       - name: 🧰 Install Deps

src/components/Advertisement.tsx

@@ -2,7 +2,7 @@ interface AdvertisementProps {
   companyName: string;
   productDescription: string;
   price: string;
-};
+}
 
 function Advertisement(props: AdvertisementProps) {
   return (
@@ -11,7 +11,7 @@ function Advertisement(props: AdvertisementProps) {
       <p>{props.productDescription}</p>
       <p>{props.price}</p>
     </div>
-  );
+  )
 }
 
 export default Advertisement;

src/components/Calculator.tsx

@@ -10,18 +10,19 @@ export default function Calculator() {
   const [value, setValue] = useState(0);
 
   const handleAddClick = () => {
-    setCalcState({ total: calcState.total + value, previousTotal: calcState.total});
+    setCalcState({ total: calcState.total + value, previousTotal: calcState.total });
   };
 
   return (
     <div className="calculator">
+      <h2>Simple Calculator</h2>
       <p>
         <input
           type="text"
           id="value"
-          name="value"
-          onChange={(event) => { setValue(Number(event.target.value)); }}
           value={value}
+          name="value"
+          onChange={(event) => { setValue(Number(event.target.value)) }}
         />
       </p>
       <button className="btn btn-primary" type="button" onClick={handleAddClick}> Add </button>