Skip to content

Adding User Dashboard Page #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
cxdy05 merged 4 commits into from
Dec 13, 2025
Merged

Adding User Dashboard Page #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a577334
Add User Dashboard Page
KushPatel-18 Dec 13, 2025
766b96a
Add User Dashboard Button Component
KushPatel-18 Dec 13, 2025
5f11edb
Update index.tsx to include User Dashboard button
KushPatel-18 Dec 13, 2025
3dc0e5e
Merge branch 'use_uv' into user_dashboard
KushPatel-18 Dec 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 41 additions & 0 deletions client/src/components/ui/button_go_user_dashboard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
// src/components/ui/button_go_user_dashboard.tsx

/*
This is the button component that will take us to the organization dashboard page
Copy this function into its own file so it can be reused in multiple places
*/

// Next.js uses the Link component for client-side navigation
// better and faster then <a> tags.
import Link from "next/link";
import React from "react";

/*
legacyBehavior is used to enable the older behavior of Link component
we dont actually need to have an <a> tag inside Link cause Link itself can handle it,
but for styling purposes we are using it here
*/
const ButtonGoUserDashboard = () => {
return (
// Change the href to match the new page name, the name is based on the file name
// example: organization_dashboard.tsx -> /organization_dashboard
<Link href="/user_dashboard" legacyBehavior>
<a
style={{
padding: "10px 20px",
marginTop: "20px",
backgroundColor: "#0070f3",
color: "white",
borderRadius: "5px",
textDecoration: "none",
fontSize: "1.1em",
}}
>
Go to User Dashboard
</a>
</Link>
);
};

// Use default export so it can be easily imported into the page
export default ButtonGoUserDashboard;
2 changes: 2 additions & 0 deletions client/src/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
// this is the path to this page
// src/pages/index.tsx

import ButtonGoUserDashboard from "../components/ui/button_go_user_dashboard";

Check warning on line 4 in client/src/pages/index.tsx

View workflow job for this annotation

GitHub Actions / Run ESLint 

Run autofix to sort these imports!
import ButtonGoOrganizationDashboard from "../components/ui/button_go_organization_dashboard";
import ButtonGoUserPage from "../components/ui/button_go_user_page";

Expand All @@ -27,6 +28,7 @@
*/}

<ButtonGoOrganizationDashboard />
<ButtonGoUserDashboard />
<ButtonGoUserPage />
</div>
);
Expand Down
30 changes: 30 additions & 0 deletions client/src/pages/user_dashboard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
// src/pages/organization_dashboard.tsx (Update the import path)

import Head from "next/head";
// The Header component is now one directory level up from 'pages',
// so the path is '../components/Header'
//import Header from '../components/Header';

const UserDashboardPage = () => {
return (
<>
<Head>
<title>User Dashboard</title>
</Head>
<div className="dashboard-container">
{/* 1. Navigation Bar */}
{/* <Header /> */}

{/* 2. Main content wrapper */}
<main className="dashboard-content">
{/* Components for Statistics, Recent Activity, and Quick Actions */}
<h1>Welcome to the User Dashboard!</h1>{" "}
{/* Add a temporary header to confirm it works */}
</main>
</div>
</>
);
};

// export to make the function available to other parts of the app
export default UserDashboardPage;
Loading