From bff1315ca166ff215c397e3c70780559258d142f Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Fri, 17 Apr 2020 16:26:34 +0200
Subject: [PATCH] [UI] updated New Ticket Modal

---
 README.md                                     |   1 +
 app.db                                        | Bin 106496 -> 106496 bytes
 .../src/components/Modals/NewTicketModal.tsx  |  47 ++++++++++--------
 3 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/README.md b/README.md
index cec96d4..1a08cc7 100644
--- a/README.md
+++ b/README.md
@@ -56,3 +56,4 @@
 - [ ] Refactor Lists code
 - [ ] Query project members in UserPage
 - [ ] Query progression info in UserPage
+- [ ] Add info fields in New Ticket Form
diff --git a/app.db b/app.db
index 41345a2109cb37a4f14a775d5ef5bbb5a8c65ee7..68d0ac39123881a38dbc61f4e25fbfdf37b9fdfb 100644
GIT binary patch
delta 252
zcmZoTz}9epZNvY3M%GOQEDAg<ya5b+Z+UO=2Jkg(78G#c-5fAioUvYpLDSgLk&}ai
zBb1XNGq)hWs3bA3M4==xo0XSAT-MPTDpi!4UYwE!MMefj2D%0&x`yTohGtfVrd9?9
zdgg`(7M7+k86z_V0|THi5E&UbxtTZ_IqI4l8CdF?SQwe<TADe#=o(o%8#%E%TN;}?
zTAFNrJ5T%}4-5Yb2LA8-pZMSMzt}9e;08Y{3o`>F>-4w%jN(Aa=M4NG`QPwA=l=$j
dyv{Gl!pzACRKdx}0wS1MnHd?Gm>3usSODk8KIH%a

delta 111
zcmZoTz}9epZNvY3MwU$lEDBuAya5b+Z+UO=25c4-aN^w@Fjt&$a@BmR$-Q$mCf}K_
zvia>i@rPW@{BIffzw>|Mf4f<5!F~SeZ~Ga=fr4)s_&@T$;r|8{yvHxX!pzCY0wS1M
NnHd?Gm>3usSOE3BBi;Z2

diff --git a/client/src/components/Modals/NewTicketModal.tsx b/client/src/components/Modals/NewTicketModal.tsx
index 5b135b3..cb1a5fb 100644
--- a/client/src/components/Modals/NewTicketModal.tsx
+++ b/client/src/components/Modals/NewTicketModal.tsx
@@ -49,7 +49,6 @@ export const NewTicketModal: FC<IProps> = ({
       action="New Ticket"
       handleAction={handleSubmit}
     >
-      {/* <form onSubmit={handleSubmit}> */}
       <div className="row">
         <TextField
           variant="outlined"
@@ -81,10 +80,36 @@ export const NewTicketModal: FC<IProps> = ({
           multiline
         />
 
+        <TextField
+          id="project"
+          name="project"
+          select
+          fullWidth
+          required
+          label="Project"
+          value={projectId}
+          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+            e.preventDefault();
+            setProjectId(e.target.value);
+          }}
+          // helperText="Please select your currency"
+          variant="outlined"
+          margin="normal"
+        >
+          {allProjects.map((p) => (
+            <MenuItem key={p.id} value={p.id}>
+              {p.title}
+            </MenuItem>
+          ))}
+        </TextField>
+
         <TextField
           id="date"
+          name="date"
           label="Due Date"
           type="date"
+          margin="normal"
+          fullWidth
           // defaultValue={new Date().toISOString()}
           // className={classes.textField}
           InputLabelProps={{
@@ -97,27 +122,7 @@ export const NewTicketModal: FC<IProps> = ({
             setEndingDate(e.target.value)
           }
         />
-
-        <TextField
-          id="project"
-          select
-          label="Project"
-          value={projectId}
-          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
-            e.preventDefault();
-            setProjectId(e.target.value);
-          }}
-          // helperText="Please select your currency"
-          variant="outlined"
-        >
-          {allProjects.map((p) => (
-            <MenuItem key={p.id} value={p.id}>
-              {p.title}
-            </MenuItem>
-          ))}
-        </TextField>
       </div>
-      {/* </form> */}
     </Modal>
   );
 };