From 70e6989db681a1ca4a47a0348fef85f3c88e9657 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Santanch=C3=A8?= <santanche@gmail.com>
Date: Wed, 4 Sep 2024 07:37:03 -0300
Subject: [PATCH] fix (frameworks/react): small adjusts

---
 .../6-2-hook-state-object/src/MedicationItem.jsx     | 10 +++++++---
 .../6-3-hook-effect-object/src/MedicationItem.jsx    | 12 +++++-------
 full-stack/5-react-fastapi/README.md                 |  8 --------
 3 files changed, 12 insertions(+), 18 deletions(-)
 delete mode 100644 full-stack/5-react-fastapi/README.md

diff --git a/frameworks/react/6-2-hook-state-object/src/MedicationItem.jsx b/frameworks/react/6-2-hook-state-object/src/MedicationItem.jsx
index e85d2e8..52a727f 100644
--- a/frameworks/react/6-2-hook-state-object/src/MedicationItem.jsx
+++ b/frameworks/react/6-2-hook-state-object/src/MedicationItem.jsx
@@ -1,5 +1,9 @@
 import { useState } from 'react'
 
+function incrementMedication(medication, setMedication) {
+  setMedication({...medication, quantity: medication.quantity + 1})
+}
+
 export default function MedicationItem() {
   const [medication, setMedication] = useState({
     name: 'Velocirest',
@@ -9,9 +13,9 @@ export default function MedicationItem() {
     unity: 'mg',
     quantity: 1,
     frequency: 'day'
-    })
+  })
 
-  const { name, description, image, dose, unity, quantity, frequency } = medication;
+  const { name, description, image, dose, unity, quantity, frequency } = medication
 
   return (
     <div style={{ width: '300px', background: 'lightgray' }}>
@@ -20,7 +24,7 @@ export default function MedicationItem() {
       <p>{description}</p>
       <p><b>dose:</b> {dose} {unity}</p>
       <p><b>frequency:</b> {quantity} / {frequency}</p>
-      <button type="button" onClick={() => setMedication({ ...medication, quantity: quantity + 1 })}>
+      <button type="button" onClick={() => incrementMedication(medication, setMedication)}>
         Increase quantity
       </button>
     </div>
diff --git a/frameworks/react/6-3-hook-effect-object/src/MedicationItem.jsx b/frameworks/react/6-3-hook-effect-object/src/MedicationItem.jsx
index 23f770d..0be3810 100644
--- a/frameworks/react/6-3-hook-effect-object/src/MedicationItem.jsx
+++ b/frameworks/react/6-3-hook-effect-object/src/MedicationItem.jsx
@@ -1,5 +1,9 @@
 import { useState, useEffect } from 'react'
 
+function incrementMedication(medication, setMedication) {
+  setMedication({...medication, quantity: medication.quantity + 1})
+}
+
 function calculateWeekly(dose, quantity, frequency) {
   const frequencyTimes = {
     '8 hours': 21,
@@ -22,12 +26,6 @@ export default function MedicationItem() {
     })
   const [weeklyDose, setWeeklyDose] = useState(0)
 
-  const frequencyTimes = {
-    '8 hours': 21,
-    'day': 7,
-    'week': 1
-  }
-
   useEffect(() => {
     setWeeklyDose(calculateWeekly(medication.dose, medication.quantity, medication.frequency))
   }, [medication])
@@ -42,7 +40,7 @@ export default function MedicationItem() {
       <p><b>dose:</b> {dose} {unity}</p>
       <p><b>frequency:</b> {quantity} / {frequency}</p>
       <p><b>weekly dose:</b> {weeklyDose} {unity}</p>
-      <button type="button" onClick={() => setMedication({ ...medication, quantity: quantity + 1 })}>
+      <button type="button" onClick={() => incrementMedication(medication, setMedication)}>
         Increase quantity
       </button>
     </div>
diff --git a/full-stack/5-react-fastapi/README.md b/full-stack/5-react-fastapi/README.md
deleted file mode 100644
index f768e33..0000000
--- a/full-stack/5-react-fastapi/README.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# React + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh