From 682646199d5e87460866d51ff12b497032785166 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Carlos=20S=C3=A1nchez?= Date: Wed, 3 Apr 2024 10:07:04 -0600 Subject: [PATCH 1/2] navbar ui done --- app/dashboard/page.tsx | 9 +++++++++ app/layout.tsx | 8 +++----- app/login/page.tsx | 10 +++++----- app/page.tsx | 2 +- app/pip/page.tsx | 9 +++++++++ app/profile/page.tsx | 9 +++++++++ components/DashboardIcon.tsx | 31 +++++++++++++++++++++++++++++++ components/NavigationBar.jsx | 24 ------------------------ components/NavigationBar.tsx | 28 ++++++++++++++++++++++++++++ components/Notifications.tsx | 34 ++++++++++++++++++++++++++++++++++ components/PIPIcon.tsx | 32 ++++++++++++++++++++++++++++++++ components/SearchBar.tsx | 33 +++++++++++++++++++++++++++++++++ components/UserIcon.tsx | 31 +++++++++++++++++++++++++++++++ tailwind.config.ts | 2 +- 14 files changed, 226 insertions(+), 36 deletions(-) create mode 100644 app/dashboard/page.tsx create mode 100644 app/pip/page.tsx create mode 100644 app/profile/page.tsx create mode 100644 components/DashboardIcon.tsx delete mode 100644 components/NavigationBar.jsx create mode 100644 components/NavigationBar.tsx create mode 100644 components/Notifications.tsx create mode 100644 components/PIPIcon.tsx create mode 100644 components/SearchBar.tsx create mode 100644 components/UserIcon.tsx diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx new file mode 100644 index 0000000..9f49fb5 --- /dev/null +++ b/app/dashboard/page.tsx @@ -0,0 +1,9 @@ +const Dashboard = () => { + return ( +
+

Dashboard

+
+ ); +}; + +export default Dashboard; diff --git a/app/layout.tsx b/app/layout.tsx index 66ec492..7ebcceb 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,7 +1,7 @@ import type { Metadata } from "next"; import { Inter, Poppins } from "next/font/google"; import "./globals.css"; -import dynamic from "next/dynamic"; +import NavigationBar from "@/components/NavigationBar"; // const inter = Inter({ subsets: ["latin"] }); @@ -16,8 +16,6 @@ export const metadata: Metadata = { description: "Generated by create next app", }; -const Navbar = dynamic(() => import("../components/NavigationBar")); - export default function RootLayout({ children, }: Readonly<{ @@ -27,8 +25,8 @@ export default function RootLayout({ return ( - - + + {children} diff --git a/app/login/page.tsx b/app/login/page.tsx index c9aee06..465e955 100644 --- a/app/login/page.tsx +++ b/app/login/page.tsx @@ -12,8 +12,8 @@ const Login = () => { return (
-
-

+

+

Welcome to Feedback Flow

{ > {/* Find a darker color for hover */}