Feat/notifications

.gitignore

@@ -54,4 +54,5 @@ Thumbs.db
 .next
 out
 
-storybook-static
+storybook-static
+firebase-tools-instant-win.exe

apps/budgie-app/firebase/clientApp.ts

@@ -20,7 +20,7 @@ export const db = getFirestore(app);
 export const auth = getAuth(app);
 export const functions = getFunctions(app);
 
-//Using emulators
-// connectAuthEmulator(auth, 'http://127.0.0.1:9099');
-// connectFirestoreEmulator(db, '127.0.0.1', 8080);
-// connectFunctionsEmulator(functions, '127.0.0.1', 5001);
+// //Using emulators
+//connectAuthEmulator(auth, 'http://127.0.0.1:9099');
+//connectFirestoreEmulator(db, '127.0.0.1', 8080);
+//connectFunctionsEmulator(functions, '127.0.0.1', 5001);

apps/budgie-app/src/app/(auth)/signup/page.tsx

@@ -1,5 +1,4 @@
 'use client';
-import styles from './page.module.css';
 import React, { useContext, useEffect, useState } from 'react';
 import {
   SignUpPage,
@@ -9,15 +8,13 @@ import { useRouter } from 'next/navigation';
 
 export default function SignUp() {
   const user = useContext(UserContext);
-  const [loading, setLoading] = useState(true);
   const router = useRouter();
 
   useEffect(() => {
     if (user) {
-      router.push('/overview');
-    } else {
-      setLoading(false);
+      return router.push('/overview');
     }
   }, [user]);
-  return <>{!loading && <SignUpPage></SignUpPage>}</>;
+
+  return user == null ? <SignUpPage></SignUpPage> : '';
 }

apps/budgie-app/src/app/(dashboard)/accounts/[account_number]/page.tsx

@@ -15,7 +15,7 @@ export default function Page() {
 
   useEffect(() => {
     if (!user) {
-      router.push('/');
+      return router.push('/');
     } else {
       setLoading(false);
     }

apps/budgie-app/src/app/(dashboard)/accounts/new/page.tsx

@@ -1,5 +1,4 @@
 'use client';
-import styles from './page.module.css';
 import React, { useContext, useEffect, useState } from 'react';
 import { UserContext } from '@capstone-repo/shared/budgie-components';
 import { useRouter } from 'next/navigation';
@@ -13,7 +12,7 @@ export default function overview() {
 
   useEffect(() => {
     if (!user) {
-      router.push('/');
+      return router.push('/');
     } else {
       setLoading(false);
     }

apps/budgie-app/src/app/(dashboard)/accounts/page.tsx

@@ -1,5 +1,4 @@
 'use client';
-import styles from './page.module.css';
 import React, { useContext, useEffect, useState } from 'react';
 import { UserContext } from '@capstone-repo/shared/budgie-components';
 import { useRouter } from 'next/navigation';
@@ -13,11 +12,11 @@ export default function overview() {
 
   useEffect(() => {
     if (!user) {
-      router.push('/');
+      return router.push('/');
     } else {
       setLoading(false);
     }
   }, [user]);
 
-  return <>{!loading && <AccountsPage></AccountsPage>}</>;
+  return !loading && <AccountsPage></AccountsPage>;
 }

apps/budgie-app/src/app/(dashboard)/layout.tsx

@@ -1,13 +1,14 @@
+'use client';
+
 import { NewNavbar } from '@capstone-repo/shared/budgie-components';
-import styles from './page.module.css';
 
 export default function DashboardLayout({
   children, // will be a page or nested layout
 }: {
   children: React.ReactNode;
 }) {
   return (
-    <div className={styles.fullPage}>
+    <div className="flex w-full h-full">
       <NewNavbar />
       {children}
     </div>

apps/budgie-app/src/app/(dashboard)/overview/page.tsx

@@ -2,6 +2,7 @@
 import styles from './page.module.css';
 import React, { useContext, useEffect, useState } from 'react';
 import {
+  OverviewPageRevised,
   OverviewPage,
   UserContext,
 } from '@capstone-repo/shared/budgie-components';
@@ -21,5 +22,5 @@ export default function overview() {
     }
   }, [user]);
 
-  return <>{!loading && <OverviewPage></OverviewPage>}</>;
+  return <>{!loading && <OverviewPageRevised></OverviewPageRevised>}</>;
 }

apps/budgie-app/src/app/(dashboard)/planning/page.tsx

@@ -4,6 +4,7 @@ import React, { useContext, useEffect, useState } from 'react';
 import { UserContext } from '@capstone-repo/shared/budgie-components';
 import { useRouter } from 'next/navigation';
 import { PlanningPage } from '@capstone-repo/shared/budgie-components';
+import { PlanningPageRevised } from '@capstone-repo/shared/budgie-components';
 
 export default function settings() {
   const router = useRouter();
@@ -19,5 +20,6 @@ export default function settings() {
     }
   }, [user]);
 
-  return <>{!loading && <PlanningPage></PlanningPage>}</>;
+  // return <>{!loading && <PlanningPage></PlanningPage>}</>;
+  return <>{!loading && <PlanningPageRevised></PlanningPageRevised>}</>;
 }

apps/budgie-app/src/app/globals.css

@@ -0,0 +1,78 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+  display: inline-block;
+  line-height: 1;
+  font-size: inherit; /* Inherit font size from parent */
+}
+
+@layer base {
+  @font-face {
+    font-family: 'TripSans';
+    font-weight: 400;
+    src: url('../../public/fonts/TripSans-Regular.woff2') format('woff2');
+  }
+  @font-face {
+    font-family: 'TripSans';
+    font-weight: 500;
+    src: url('../../public/fonts/TripSans-Medium.woff2') format('woff2');
+  }
+  @font-face {
+    font-family: 'TripSans';
+    font-weight: 700;
+    src: url('../../public/fonts/TripSans-Bold.woff2') format('woff2');
+  }
+  @font-face {
+    font-family: 'TripSans';
+    font-weight: 800;
+    src: url('../../public/fonts/TripSans-Ultra.woff2') format('woff2');
+  }
+}
+
+@keyframes gradientAnimation {
+  0% {
+    stop-color: #a0e9af;
+  }
+  50% {
+    stop-color: #b2f5a8;
+  }
+  100% {
+    stop-color: #a0e9af;
+  }
+}
+
+@keyframes gradientAnimation2 {
+  0% {
+    stop-color: #c0f0c0;
+  }
+  50% {
+    stop-color: #e0f8d1;
+  }
+  100% {
+    stop-color: #c0f0c0;
+  }
+}
+
+#waveGradient stop:nth-child(1),
+#waveGradientTop stop:nth-child(1) {
+  animation: gradientAnimation 8s ease-in-out infinite;
+}
+
+#waveGradient stop:nth-child(2),
+#waveGradientTop stop:nth-child(2) {
+  animation: gradientAnimation2 8s ease-in-out infinite;
+}
+
+#waveGradient stop:nth-child(3),
+#waveGradientTop stop:nth-child(3) {
+  animation: gradientAnimation 8s ease-in-out infinite;
+}
+
+#waveGradient stop:nth-child(4),
+#waveGradientTop stop:nth-child(4) {
+  animation: gradientAnimation2 8s ease-in-out infinite;
+}