From b44e0dc7c45e87e9d33142b9504dc22f4d75f816 Mon Sep 17 00:00:00 2001
From: padamsen_fisker <padamsen@fiskerinc.com>
Date: Thu, 22 Feb 2024 18:47:49 -0500
Subject: [PATCH] CEC-0000 - Fix flashpack validation

---
 .../Add/__snapshots__/index.test.jsx.snap     | 22 +++++++++++++++++--
 src/components/Flashpack/Add/index.jsx        |  2 ++
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/Flashpack/Add/__snapshots__/index.test.jsx.snap b/src/components/Flashpack/Add/__snapshots__/index.test.jsx.snap
index cf1f846..9487d26 100644
--- a/src/components/Flashpack/Add/__snapshots__/index.test.jsx.snap
+++ b/src/components/Flashpack/Add/__snapshots__/index.test.jsx.snap
@@ -217,12 +217,19 @@ exports[`FlashpackAdd Render 1`] = `
                       class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal"
                     >
                       <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
+                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
                         data-shrink="false"
                         for="ecuName"
                         id="ecuName-label"
                       >
                         ECU Name
+                        <span
+                          aria-hidden="true"
+                          class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
+                        >
+                           
+                          *
+                        </span>
                       </label>
                       <div
                         class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
@@ -233,6 +240,7 @@ exports[`FlashpackAdd Render 1`] = `
                           id="ecuName"
                           maxlength="255"
                           name="ecuName"
+                          required=""
                           type="text"
                           value=""
                         />
@@ -245,6 +253,7 @@ exports[`FlashpackAdd Render 1`] = `
                           >
                             <span>
                               ECU Name
+                               *
                             </span>
                           </legend>
                         </fieldset>
@@ -254,12 +263,19 @@ exports[`FlashpackAdd Render 1`] = `
                       class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal"
                     >
                       <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
+                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
                         data-shrink="false"
                         for="ecuVersion"
                         id="ecuVersion-label"
                       >
                         ECU Version
+                        <span
+                          aria-hidden="true"
+                          class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
+                        >
+                           
+                          *
+                        </span>
                       </label>
                       <div
                         class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
@@ -270,6 +286,7 @@ exports[`FlashpackAdd Render 1`] = `
                           id="ecuVersion"
                           maxlength="255"
                           name="ecuVersion"
+                          required=""
                           type="text"
                           value=""
                         />
@@ -282,6 +299,7 @@ exports[`FlashpackAdd Render 1`] = `
                           >
                             <span>
                               ECU Version
+                               *
                             </span>
                           </legend>
                         </fieldset>
diff --git a/src/components/Flashpack/Add/index.jsx b/src/components/Flashpack/Add/index.jsx
index 9b54882..9eb0380 100644
--- a/src/components/Flashpack/Add/index.jsx
+++ b/src/components/Flashpack/Add/index.jsx
@@ -190,6 +190,7 @@ const MainForm = () => {
                   inputProps={{
                     maxLength: "255",
                   }}
+                  required
                   value={item.ecuName}
                   onChange={(event) => handleChange(event, index)}
                   type="text"
@@ -203,6 +204,7 @@ const MainForm = () => {
                   inputProps={{
                     maxLength: "255",
                   }}
+                  required
                   value={item.ecuVersion}
                   onChange={(event) => handleChange(event, index)}
                   type="text"