misc fixes

client/package.json

@@ -14,12 +14,15 @@
     "@fortawesome/fontawesome-svg-core": "^7.1.0",
     "@fortawesome/free-solid-svg-icons": "^7.1.0",
     "@fortawesome/react-fontawesome": "^3.1.0",
+    "@heroui/react": "^2.8.5",
     "@noahspan/noahspan-components": "^2.0.0-alpha-14",
+    "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.13",
     "@tanstack/react-table": "^8.21.3",
     "axios": "^1.7.2",
     "daisyui": "^5.1.10",
     "dotenv": "^16.4.7",
+    "framer-motion": "^12.23.24",
     "leaflet": "^1.9.4",
     "oidc-spa": "^7.2.4",
     "react": "^19.1.1",

client/src/App.tsx

@@ -5,7 +5,6 @@ import Pilots from './components/pilots/Pilots';
 import SiteNav from './components/siteNav/SiteNav';
 import { HeroUIProvider } from '@heroui/react';
 import { useHref, useNavigate } from 'react-router-dom';
-import './styles.css';
 
 const App = () => {
   const navigate = useNavigate();

client/src/auth/oidcConfig.ts

@@ -2,9 +2,9 @@ import { createReactOidc } from "oidc-spa/react";
 
 export const { OidcProvider, useOidc, getOidc } = createReactOidc(async () => ({
   issuerUri: `https://login.microsoftonline.com/${import.meta.env.VITE_TENANT_ID}/v2.0`,
-  clientId: import.meta.env.VITE_CLIENT_APP_ID,
-  homeUrl: import.meta.env.BASE_URL,
-  scopes: ['email', 'openid', 'profile', `api://${import.meta.env.VITE_API_APP_ID}/user_impersonation`],
+  clientId: import.meta.env.VITE_CLIENT_ID,
+  homeUrl: import.meta.env.VITE_BASE_URL,
+  scopes: ['email', 'openid', 'profile', `api://${import.meta.env.VITE_CLIENT_ID}/user_impersonation`],
   autoLogin: false,
   postLoginRedirectUrl: '/',
   noIframe: true

client/src/components/flights/Flights.tsx

@@ -12,6 +12,7 @@ const Flights = () => {
   const { logs, logsLoading } = useLogs();
 
   useEffect(() => {
+
     const flights: LogbookEntry[] | undefined = logs?.filter((log: LogbookEntry) => {
       if (log.tracks && log.tracks.length > 0) {
         return log;
@@ -25,10 +26,6 @@ const Flights = () => {
       dispatch({ type: 'SET_ALERT', payload: { severity: 'default', message: 'No flights found' }})
     }
   }, [logs])
-
-  useEffect(() => {
-    console.log(logsLoading)
-  }, [logsLoading])
   
   return (
     <div className='max-w-screen-lg mx-auto'>

client/src/components/logbook/Logbook.tsx

@@ -508,7 +508,6 @@ const Logbook: React.FC<unknown> = () => {
               onPress={() => onOpenCloseDrawer(FormMode.ADD)}
               startContent={<FontAwesomeIcon icon={faAdd} />}
               data-testid="pilot-add-button"
-              data-theme="lofi"
             >
               Add Entry
             </Button>

client/src/components/logbookCard/LogbookCard.tsx

@@ -6,7 +6,6 @@ const LogbookCard = ({ logs, mode, onDelete, onOpenCloseForm }: LogbookCardProps
   return (
     <div>
       {logs.map((log) => {
-        console.log(log)
         const date = new Date(log.date);
         const formattedDate: string = `${date.getMonth()}/${date.getDate()}/${date.getFullYear()}`;
 

client/src/components/logbookDrawer/LogbookDrawer.tsx

@@ -48,7 +48,6 @@ const LogbookDrawer = ({ onOpenClose }: LogbookDrawerProps) => {
   };
 
   const onSubmit = async (data: unknown) => {
-    console.log(data)
     try {
       logbookContext.dispatch({ type: 'SET_IS_FORM_LOADING', payload: true });
 

client/src/components/pilots/Pilots.tsx

@@ -50,7 +50,6 @@ const Pilots: React.FC<unknown> = () => {
   };
 
   const onOpenClosePilotForm = async (mode: FormMode, pilotId?: string) => {
-    console.log(pilotId)
     switch (mode) {
       case FormMode.ADD:
       case FormMode.EDIT:

client/src/components/tracksForm/TracksForm.tsx

@@ -101,16 +101,11 @@ const TracksForm = () => {
   }, [logbookContext.state.selectedLogId])
 
   useEffect(() => {
-    console.log(logbookContext.state.formMode)
     if (logbookContext.state.formMode === FormMode.VIEW) {
       dispatch({ type: 'SET_IS_DISABLED', payload: true });
     }
   }, [logbookContext.state.formMode]);
 
-  useEffect(() => {
-    console.log(state.isDisabled)
-  }, [state.isDisabled])
-
   return (
     <div className='grid grid-cols-12 gap-3'>
       {state.tracks.length > 0 && 

client/src/hooks/useBreakpoints/UseBreakpoints.tsx

@@ -11,7 +11,7 @@ export const useBreakpoints = () => {
     switch (true) {
       case width < 640: {
         size = ScreenSize.SM;
-        console.log('small')
+
         break;
       }
       case width >= 640: {
@@ -42,14 +42,10 @@ export const useBreakpoints = () => {
   const onWindowResize = () => {
     const width: number = window.innerWidth;
     const newScreenSize: ScreenSize = getWindowSize(width);
-    console.log(newScreenSize)
+
     setScreenSize(newScreenSize);
   }
 
-  useEffect(() => {
-    console.log(windowWidth)
-  }, [])
-
   useEffect(() => {
     onWindowResize()
 

client/src/main.tsx

@@ -5,6 +5,7 @@ import AppContextProvider from './context/appContext/AppContextProvider.tsx';
 import LogbookContextProvider from './context/logbookContext/LogbookContextProvider.tsx'
 import { BrowserRouter } from 'react-router-dom';
 import { OidcProvider } from './auth/oidcConfig.ts';
+import './styles.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <OidcProvider>

client/src/styles.css

@@ -10,3 +10,6 @@
 }
 
 
+
+
+

client/src/vite-env.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
-  readonly VITE_API_URL: string;
+  readonly VITE_BASE_URL: string;
   readonly VITE_CLIENT_ID: string;
   readonly VITE_TENANT_ID: string;
-  readonly VITE_REDIRECT_URL: string;
 }
 
 interface ImportMeta {

client/vite.config.ts

@@ -19,7 +19,7 @@ export default defineConfig({
         target: 'http://localhost:3000',
         changeOrigin: true,
         secure: false,
-        // rewrite: (path) => path.replace(/^\/api/, '')
+        rewrite: (path) => path.replace(/^\/api/, '')
       }
     }
   }