fixing logbook date sort (#54)

app/README.md

@@ -1,3 +0,0 @@
-# Flying
-
-A pilot's logbook for tracking flight hours.

app/src/components/logForm/LogForm.tsx

@@ -186,8 +186,6 @@ const LogForm: React.FC<ILogFormProps> = ({
                 </Alert>
               </Grid>
             )}
-            {!FormMode.VIEW &&
-              <>
             <Grid alignItems="center" display="flex" size={4}>
               <Typography variant="body1">Pilot *</Typography>
             </Grid>
@@ -197,7 +195,7 @@ const LogForm: React.FC<ILogFormProps> = ({
                 control={methods.control}
                 render={({ field: { onChange, value } }) => {
                   useEffect(() => {
-                        if (value) {
+                    if (value && mode !== FormMode.ADD) {
                       const pilot = pilots?.find((pilot) => pilot.id === value);
 
                       dispatch({
@@ -232,35 +230,18 @@ const LogForm: React.FC<ILogFormProps> = ({
                           value={value}
                         />
                       )}
+                      {mode !== FormMode.ADD && (
+                        <TextField
+                          disabled={true}
+                          fullWidth
+                          value={state.selectedEntryPilotName}
+                        />
+                      )}
                     </>
                   );
                 }}
               />
             </Grid>
-              </>
-            }
-            {FormMode.VIEW &&
-              <>
-                <Grid alignItems="center" display="flex" size={4}>
-                  <Typography variant="body1">Pilot *</Typography>
-                </Grid>
-                <Grid size={8}>
-                  <Controller
-                    name="pilotName"
-                    control={methods.control}
-                    render={({ field: { value } }) => {
-                      return (
-                        <TextField
-                          disabled={true}
-                          fullWidth
-                          value={value}
-                        />
-                      )
-                    }}
-                  />
-                </Grid>
-              </>
-            }
             <Grid alignItems="center" display="flex" size={4}>
               <Typography variant="body1">Date *</Typography>
             </Grid>

app/src/components/logbook/Logbook.tsx

@@ -32,6 +32,9 @@ const Logbook: React.FC<unknown> = () => {
       dispatch({ type: 'SET_IS_LOADING', payload: true });
 
       const response: AxiosResponse = await httpClient.get(`api/logs`);
+      const entries: ILogbookEntry[] = response.data;
+      
+      entries.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
 
       if (response.data.length > 0) {
         dispatch({ type: 'SET_ENTRIES', payload: response.data });