Feature/33 api fails when no pilots or logbook entries (#35)

* api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * api no longer fails when no pilots or logbook entries * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * Refactoring * refactoring * refactoring * refactoring * refactoring * adding test environment * adding test environment
2025-02-02 23:24:48 +00:00
parent 2199c6d016
commit 468837c985
97 changed files with 13360 additions and 27219 deletions
--- a/app/src/components/logbookEntryForm/ILogbookEntryFormProps.ts
+++ b/app/src/components/logbookEntryForm/ILogbookEntryFormProps.ts
@@ -1,6 +1,6 @@
 import { FormMode } from '../../enums/formMode';

-export interface ILogbookEntryFormProps {
+export interface ILogFormProps {
  entryId?: string;
  isDrawerOpen: boolean;
  mode: FormMode;
--- a/app/src/components/logbookEntryForm/ILogbookEntryFormState.ts
+++ b/app/src/components/logbookEntryForm/ILogbookEntryFormState.ts
@@ -1,4 +1,4 @@
-export interface ILogbookEntryFormState {
+export interface ILogFormState {
  error: string | undefined;
  isDisabled: boolean;
  isLoading: boolean;
--- a/app/src/components/logbookEntryForm/LogbookEntryForm.tsx
+++ b/app/src/components/logbookEntryForm/LogbookEntryForm.tsx
@@ -17,7 +17,7 @@ import {
  XmarkIcon
 } from '@noahspan/noahspan-components';
 import { useForm, Controller, FormProvider } from 'react-hook-form';
-import { ILogbookEntryFormProps } from './ILogbookEntryFormProps';
+import { ILogFormProps } from './ILogFormProps';
 import { initialState, reducer } from './reducer';
 import axios, { AxiosError, AxiosInstance, AxiosResponse } from 'axios';
 import { useHttpClient } from '../../hooks/httpClient/UseHttpClient';
@@ -26,7 +26,7 @@ import { useIsAuthenticated } from '@azure/msal-react';
 import { FormMode } from '../../enums/formMode';
 import { usePilots } from '../../hooks/pilots/UsePilots';

-const LogbookEntryForm: React.FC<ILogbookEntryFormProps> = ({
+const LogForm: React.FC<ILogFormProps> = ({
  entryId,
  isDrawerOpen,
  mode,
@@ -37,8 +37,6 @@ const LogbookEntryForm: React.FC<ILogbookEntryFormProps> = ({
  const { getAccessToken } = useAccessToken();
  const isAuthenticated = useIsAuthenticated();
  const defaultValues = {
-    partitionKey: '',
-    rowKey: '',
    pilotId: '',
    pilotName: '',
    date: null,
@@ -80,13 +78,13 @@ const LogbookEntryForm: React.FC<ILogbookEntryFormProps> = ({
      const accessToken: string = await getAccessToken();

      if (!entryId) {
-        await httpClient.post(`api/logbook`, data, {
+        await httpClient.post(`api/logs`, data, {
          headers: {
            Authorization: accessToken
          }
        });
      } else {
-        await httpClient.put(`api/logbook/${entryId}`, data, {
+        await httpClient.put(`api/logs/${entryId}`, data, {
          headers: {
            Authorization: accessToken
          }
@@ -120,7 +118,7 @@ const LogbookEntryForm: React.FC<ILogbookEntryFormProps> = ({
          ? { headers: { Authorization: await getAccessToken() } }
          : {};
        const response: AxiosResponse = await httpClient.get(
-          `api/logbook/${entryId}`,
+          `api/logs/${entryId}`,
          config
        );
        const entry = response.data;
@@ -939,4 +937,4 @@ const LogbookEntryForm: React.FC<ILogbookEntryFormProps> = ({
  );
 };

-export default LogbookEntryForm;
+export default LogForm;
--- a/app/src/components/logbookEntryForm/reducer.tsx
+++ b/app/src/components/logbookEntryForm/reducer.tsx
@@ -1,4 +1,4 @@
-import { ILogbookEntryFormState } from './ILogbookEntryFormState';
+import { ILogFormState } from './ILogFormState';

 type Action =
  | { type: 'SET_ERROR'; payload: string | undefined }
@@ -7,7 +7,7 @@ type Action =
  | { type: 'SET_PILOT_OPTIONS'; payload: { label: string; value: string }[] }
  | { type: 'SET_SELECTED_ENTRY_PILOT_NAME'; payload: string };

-export const initialState: ILogbookEntryFormState = {
+export const initialState: ILogFormState = {
  error: undefined,
  isDisabled: false,
  isLoading: true,
@@ -16,9 +16,9 @@ export const initialState: ILogbookEntryFormState = {
 };

 export const reducer = (
-  state: ILogbookEntryFormState,
+  state: ILogFormState,
  action: Action
-): ILogbookEntryFormState => {
+): ILogFormState => {
  switch (action.type) {
    case 'SET_ERROR': {
      return {
--- a/app/src/components/logbook/Logbook.tsx
+++ b/app/src/components/logbook/Logbook.tsx
@@ -1,5 +1,5 @@
-import { useEffect, useReducer, useState } from 'react';
-import LogbookEntryForm from '../logbookEntryForm/LogbookEntryForm';
+import { useEffect, useReducer } from 'react';
+import LogForm from '../logForm/LogForm';
 import {
  Alert,
  Box,
@@ -35,11 +35,8 @@ const Logbook: React.FC<unknown> = () => {
      const config = isAuthenticated
        ? { headers: { Authorization: `${token}` } }
        : {};
-      const response: AxiosResponse = await httpClient.get(
-        `api/logbook`,
-        config
-      );
-
+      const response: AxiosResponse = await httpClient.get(`api/logs`, config);
+      console.log(response)
      dispatch({ type: 'SET_ENTRIES', payload: response.data });
    } catch (error) {
      const axiosError = error as AxiosError;
@@ -98,7 +95,7 @@ const Logbook: React.FC<unknown> = () => {
        ? { headers: { Authorization: `${token}` } }
        : {};

-      await httpClient.delete(`api/logbook/${state.selectedEntryId}`, config);
+      await httpClient.delete(`api/logs/${state.selectedEntryId}`, config);

      dispatch({
        type: 'SET_DELETE',
@@ -418,20 +415,24 @@ const Logbook: React.FC<unknown> = () => {
          </>
        )}
      </Grid>
-      <LogbookEntryForm
-        entryId={state.selectedEntryId}
-        isDrawerOpen={state.isFormOpen}
-        mode={state.formMode}
-        onOpenClose={(mode) => onOpenCloseEntryForm(mode)}
-      />
-      <ConfirmationDialog
-        contentText="Are you sure you want to delete the logbook entry?"
-        isLoading={state.isConfirmDialogLoading}
-        isOpen={state.isConfirmDialogOpen}
-        onCancel={onConfirmationDialogCancel}
-        onConfirm={onConfirmationDialogConfirm}
-        title="Confirm Delete"
-      />
+      {state.isFormOpen && (
+        <LogForm
+          entryId={state.selectedEntryId}
+          isDrawerOpen={state.isFormOpen}
+          mode={state.formMode}
+          onOpenClose={(mode) => onOpenCloseEntryForm(mode)}
+        />
+      )}
+      {state.isConfirmDialogOpen && (
+        <ConfirmationDialog
+          contentText="Are you sure you want to delete the logbook entry?"
+          isLoading={state.isConfirmDialogLoading}
+          isOpen={state.isConfirmDialogOpen}
+          onCancel={onConfirmationDialogCancel}
+          onConfirm={onConfirmationDialogConfirm}
+          title="Confirm Delete"
+        />
+      )}
    </Box>
  );
 };
--- a/app/src/components/pilotForm/PilotForm.tsx
+++ b/app/src/components/pilotForm/PilotForm.tsx
@@ -13,7 +13,7 @@ import {
  XmarkIcon
 } from '@noahspan/noahspan-components';
 import { IPilotFormProps } from './IPilotFormProps';
-import axios, { AxiosInstance, AxiosResponse } from 'axios';
+import { AxiosError, AxiosInstance, AxiosResponse } from 'axios';
 import { useHttpClient } from '../../hooks/httpClient/UseHttpClient';
 import { useAccessToken } from '../../hooks/accessToken/UseAcessToken';
 import { useIsAuthenticated } from '@azure/msal-react';
@@ -38,8 +38,8 @@ const PilotForm: React.FC<IPilotFormProps> = ({
  const { getAccessToken } = useAccessToken();
  const isAuthenticated = useIsAuthenticated();
  const defaultValues = {
-    partitionKey: '',
-    rowKey: '',
+    partitionKey: 'pilot',
+    rowKey: 'noah@noahspannbauer.com',
    id: '',
    name: '',
    address: '',
@@ -53,6 +53,7 @@ const PilotForm: React.FC<IPilotFormProps> = ({
    defaultValues: defaultValues
  });
  const [isDisabled, setIsDisabled] = useState<boolean>(false);
+  const [isError, setIsError] = useState<boolean>(false);

  const onPeoplePickerSearch = async (
    _event: React.SyntheticEvent,
@@ -105,24 +106,19 @@ const PilotForm: React.FC<IPilotFormProps> = ({
      setIsLoading(true);

      const accessToken: string = await getAccessToken();
-      const response: AxiosResponse = await httpClient.post(
-        `api/pilots`,
-        data,
-        {
-          headers: {
-            Authorization: accessToken
-          }
+
+      await httpClient.post(`api/pilots`, data, {
+        headers: {
+          Authorization: accessToken
        }
-      );
+      });

-      if (response) console.log(response);
+      onOpenClose(FormMode.CANCEL);
    } catch (error) {
-      if (axios.isAxiosError(error)) {
-        const errResp = error.response;
+      const axiosError = error as AxiosError;
+      const responseData = axiosError.response?.data as any;

-        console.log(errResp?.data.message);
-      } else {
-      }
+      console.log(responseData.message);
    } finally {
      setIsLoading(false);
    }
--- a/app/src/components/pilots/Pilots.tsx
+++ b/app/src/components/pilots/Pilots.tsx
@@ -39,7 +39,25 @@ const Pilots: React.FC<unknown> = () => {
  const [pilotFormMode, setPilotFormMode] = useState<FormMode>(FormMode.CANCEL);
  const [selectedPilotId, setSelectedPilotId] = useState<string | undefined>();
  const [pilots, setPilots] = useState<Pilot[]>([]);
-  const onOpenClosePilotForm = (mode: FormMode, pilotId?: string) => {
+
+  const getPilots = async (): Promise<Pilot[]> => {
+    try {
+      const config = isAuthenticated
+        ? { headers: { Authorization: await getAccessToken() } }
+        : {};
+      const response: AxiosResponse = await httpClient.get(
+        `api/pilots`,
+        config
+      );
+      const pilots: Pilot[] = response.data;
+
+      return pilots;
+    } catch (error) {
+      throw new Error('broken');
+    }
+  };
+
+  const onOpenClosePilotForm = async (mode: FormMode, pilotId?: string) => {
    switch (mode) {
      case FormMode.ADD:
      case FormMode.EDIT:
@@ -49,6 +67,9 @@ const Pilots: React.FC<unknown> = () => {
        setIsDrawerOpen(true);
        break;
      case FormMode.CANCEL:
+        const pilots = await getPilots();
+
+        setPilots(pilots);
        setPilotFormMode(mode);
        setSelectedPilotId(undefined);
        setIsDrawerOpen(false);
@@ -73,6 +94,7 @@ const Pilots: React.FC<unknown> = () => {
    const onCloseActionMenu = () => {
      setAnchorElAction(null);
    };
+
    return (
      <div>
        <IconButton onClick={onOpenActionMenu}>
@@ -124,23 +146,17 @@ const Pilots: React.FC<unknown> = () => {
  ];

  useEffect(() => {
-    const getPilots = async () => {
+    const loadPilots = async () => {
      try {
-        const config = isAuthenticated
-          ? { headers: { Authorization: await getAccessToken() } }
-          : {};
-        const response: AxiosResponse = await httpClient.get(
-          `api/pilots`,
-          config
-        );
-        console.log(response.data);
-        setPilots(response.data);
+        const pilots = await getPilots();
+
+        setPilots(pilots);
      } catch (error) {
        console.log(error);
      }
    };

-    getPilots();
+    loadPilots();
  }, []);

  return (
--- a/app/src/components/siteNav/SiteNav.tsx
+++ b/app/src/components/siteNav/SiteNav.tsx
@@ -43,8 +43,8 @@ const SiteNav: React.FC<unknown> = () => {
      url: '/pilots'
    }
  ];
-  const handleSignIn = async () => {
-    await instance.loginRedirect({
+  const handleSignIn = () => {
+    instance.loginRedirect({
      scopes: [`api://${import.meta.env.VITE_CLIENT_ID}/user_impersonation`]
    });
  };
@@ -52,6 +52,7 @@ const SiteNav: React.FC<unknown> = () => {
    instance.logoutRedirect();
  };
  const getUserProfile = async (accessToken: string): Promise<User> => {
+    console.log(accessToken)
    try {
      const response: AxiosResponse = await httpClient.get(`api/userProfile`, {
        headers: {
@@ -66,6 +67,7 @@ const SiteNav: React.FC<unknown> = () => {
    }
  };
  const getUserPhoto = async (accessToken: string): Promise<string> => {
+    console.log(accessToken)
    try {
      const response: AxiosResponse = await httpClient.get(`api/userPhoto`, {
        headers: {
@@ -98,40 +100,44 @@ const SiteNav: React.FC<unknown> = () => {
    );
  };

-  useEffect(() => {
-    const callback = instance.addEventCallback(
-      async (message: EventMessage) => {
-        if (message.eventType === EventType.LOGIN_SUCCESS) {
-          try {
-            setLoading(true);
+  // useEffect(() => {
+  //   const callback = instance.addEventCallback(
+  //     async (message: EventMessage) => {
+  //       if (message.eventType === EventType.LOGIN_SUCCESS) {
+  //         try {
+  //           setLoading(true);

-            const eventPayload: EventPayloadExtended =
-              message.payload as EventPayloadExtended;
-            const userProfile: User = await getUserProfile(
-              eventPayload.accessToken
-            );
-            const userPhoto = await getUserPhoto(eventPayload.accessToken);
+  //           const eventPayload: EventPayloadExtended =
+  //             message.payload as EventPayloadExtended;
+  //           const userProfile: User = await getUserProfile(
+  //             eventPayload.accessToken
+  //           );
+  //           const userPhoto = await getUserPhoto(eventPayload.accessToken);

-            appContext.dispatch({
-              type: 'SET_USER_PROFILE',
-              payload: userProfile
-            });
-          } catch (error) {
-            console.log(error);
-          } finally {
-            setLoading(false);
-          }
-        }
-      }
-    );
+  //           appContext.dispatch({
+  //             type: 'SET_USER_PROFILE',
+  //             payload: userProfile
+  //           });
+  //         } catch (error) {
+  //           console.log(error);
+  //         } finally {
+  //           setLoading(false);
+  //         }
+  //       }
+  //     }
+  //   );

-    return () => {
-      if (callback) {
-        instance.removeEventCallback(callback);
-        appContext.dispatch({ type: 'SET_USER_PROFILE', payload: {} });
-      }
-    };
-  }, []);
+  //   instance.handleRedirectPromise().then((response) => {
+  //     console.log(response)
+  //   })
+
+  //   return () => {
+  //     if (callback) {
+  //       instance.removeEventCallback(callback);
+  //       appContext.dispatch({ type: 'SET_USER_PROFILE', payload: {} });
+  //     }
+  //   };
+  // }, []);

  useEffect(() => {
    const setUserProfile = async () => {
@@ -176,4 +182,4 @@ const SiteNav: React.FC<unknown> = () => {
  );
 };

-export default SiteNav;
+export default SiteNav;