Merge branch 'main' of git.unl.edu:jackmnolley/react-redux-starter-code into main

Checkpoint 1

unit-conversion/src/__snapshots__/app.test.js.snap

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`the app runs 1`] = `<div />`;
+exports[`the app runs 1`] = `
+<div>
+  <div>
+    <h1>
+      Unit Selector
+    </h1>
+    <select
+      name="units"
+    >
+      <option
+        value="km"
+      >
+        km
+      </option>
+      <option
+        value="m"
+      >
+        m
+      </option>
+      <option
+        value="ft"
+      >
+        ft
+      </option>
+      <option
+        value="in"
+      >
+        in
+      </option>
+    </select>
+  </div>
+  <div>
+    <h1>
+      NumberInputField
+    </h1>
+    <input
+      placeholder="Enter # of {unitSelectorUnit}"
+      required=""
+      type="text"
+    />
+  </div>
+  <h1>
+    Ouput Section
+  </h1>
+  <div>
+    <h1>
+      Unit Selector
+    </h1>
+    <select
+      name="units"
+    >
+      <option
+        value="km"
+      >
+        km
+      </option>
+      <option
+        value="m"
+      >
+        m
+      </option>
+      <option
+        value="ft"
+      >
+        ft
+      </option>
+      <option
+        value="in"
+      >
+        in
+      </option>
+    </select>
+  </div>
+  <div>
+    <h1>
+      Number Output Text
+    </h1>
+  </div>
+</div>
+`;

unit-conversion/src/app.js

+
 import { Route } from 'react-router-dom';
+import { EndingNumberOutput } from './features/ending-number-output/endingNumberOutput.js';
+import { NumberInputField } from './features/number-input-field/numberInputField.js';
+import { UnitSelector } from './features/unit-selector/unitSelector.js';
 
 export function App() {
   return (
     <>
       <Route exact path={'/'}>
-
       </Route>
+      <UnitSelector />
+      <NumberInputField />
+      <h1>Ouput Section</h1>
+      <UnitSelector />
+      <EndingNumberOutput />
     </>
   );
 }

unit-conversion/src/features/ending-number-output/endingNumberOutput.js

+export function EndingNumberOutput() {
+  return (
+    <div>
+      <h1>Number Output Text</h1>
+    </div>
+  );
+}
\ No newline at end of file

unit-conversion/src/features/number-input-field/numberInputField.js

+export function NumberInputField() {
+  return (
+    <div>
+      <h1>NumberInputField</h1>
+      <input required type="text" placeholder="Enter # of {unitSelectorUnit}"></input>
+    </div>
+  );
+}

unit-conversion/src/features/unit-selector/unitSelector.js

+export function UnitSelector() {
+  return (
+    <div>
+      <h1>Unit Selector</h1>
+      <select name="units">
+          <option value="km">km</option>
+          <option value="m">m</option>
+          <option value="ft">ft</option>
+          <option value="in">in</option>
+      </select>
+    </div>
+  );
+}