From 6a8c5132046bf4f2c09545a67c7a5bdcec9e4246 Mon Sep 17 00:00:00 2001
From: Andrew Scott <git@acscott.dev>
Date: Sat, 4 Jun 2022 23:21:20 -0400
Subject: [PATCH] Set default unit to "lbs" and updated placeholder text

---
 exercises-ui/src/pages/CreatePage.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/exercises-ui/src/pages/CreatePage.js b/exercises-ui/src/pages/CreatePage.js
index 7414efc..ece36b5 100644
--- a/exercises-ui/src/pages/CreatePage.js
+++ b/exercises-ui/src/pages/CreatePage.js
@@ -6,7 +6,7 @@ export const CreatePage = () => {
   const [name, setName] = useState("");
   const [reps, setReps] = useState("");
   const [weight, setWeight] = useState("");
-  const [unit, setUnit] = useState("");
+  const [unit, setUnit] = useState("lbs");
   const [date, setDate] = useState("");
 
   const history = useHistory();
@@ -31,31 +31,31 @@ export const CreatePage = () => {
       <h2>Create Exercise</h2>
       <input
         type="text"
-        placeholder="Enter name here"
+        placeholder="Exercise name"
         value={name}
         onChange={(e) => setName(e.target.value)}
       />
       <input
         type="number"
-        placeholder="Enter reps here"
+        min="1"
+        placeholder="# of reps"
         value={reps}
         onChange={(e) => setReps(e.target.value)}
       />
       <input
         type="number"
-        placeholder="Enter weight here"
+        min="1"
+        placeholder="Weight"
         value={weight}
         onChange={(e) => setWeight(e.target.value)}
       />
+      <select value={unit} onChange={(e) => setUnit(e.target.value)}>
+        <option value="lbs">lbs</option>
+        <option value="kgs">kgs</option>
+      </select>
       <input
         type="text"
-        placeholder="Enter unit here"
-        value={unit}
-        onChange={(e) => setUnit(e.target.value)}
-      />
-      <input
-        type="text"
-        placeholder="Enter date here"
+        placeholder="Date (MM-DD-YY)"
         value={date}
         onChange={(e) => setDate(e.target.value)}
       />