feat: Creator Dashboard

[Zaid-maker]

---

Generated summary (powered by Graphite)

Pull Request Description

TL;DR

This pull request adds new files and modifies existing code to implement a CreatorPage component, a Container component, a navbar component, a sidebar component, and a navigation component in a dashboard application. It also includes various styling and layout components, as well as functions for authentication and navigation.

What changed

• Added a new file called "page.tsx" that contains code for a CreatorPage component that retrieves user data and checks for authorization.
• Added a new file called "container.tsx" that defines a React component called "Container" which adjusts its layout based on the screen size.
• Added a new file called "nav-item.tsx" to the sidebar component, which renders a navigation item with an icon, label, and link.
• Modified existing code to include a navbar component with a logo and actions, such as a logout button and a user button.
• Modified existing code to include a sidebar component with a link to the homepage, an image, and text displaying the name of the dashboard and a description.
• Modified existing code to include a navigation component with a logo and actions, such as a logout button and a user button.
• Modified existing code to include a toggle button for expanding or collapsing the sidebar.
• Modified existing code to include a collapsible dashboard component with a hint label and a button to expand or collapse the dashboard.
• Modified existing code to include a sidebar wrapper component with conditional rendering based on the "collapsed" state.

How to test

1. Clone the repository.
2. Checkout the branch containing this pull request.
3. Run the application and navigate to the dashboard page.
4. Verify that the CreatorPage component retrieves user data and checks for authorization.
5. Verify that the Container component adjusts its layout based on the screen size.
6. Verify that the navbar component includes a logo and actions, such as a logout button and a user button.
7. Verify that the sidebar component includes a link to the homepage, an image, and text displaying the name of the dashboard and a description.
8. Verify that the navigation component includes a logo and actions, such as a logout button and a user button.
9. Verify that the toggle button expands or collapses the sidebar.
10. Verify that the collapsible dashboard component displays a hint label and a button to expand or collapse the dashboard.
11. Verify that the sidebar wrapper component renders with conditional rendering based on the "collapsed" state.

Why make this change

This change is made to enhance the functionality and user experience of the dashboard application. The addition of the CreatorPage component allows for retrieving user data and checking authorization. The Container component adjusts its layout based on the screen size, providing a responsive design. The navbar, sidebar, and navigation components improve navigation and provide easy access to important actions. The toggle button and collapsible dashboard component enhance the usability of the sidebar. The sidebar wrapper component improves the overall layout and styling of the dashboard page.

[semanticdiff-com]

Review changes with SemanticDiff.

Analyzed 14 of 14 files.

Overall, the semantic diff is 8% smaller than the GitHub diff.

	Filename	Status
✔️	app/(dashboard)/u/[username]/(home)/page.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/_components/container.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/_components/navbar/actions.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/_components/navbar/index.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/_components/navbar/logo.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/_components/sidebar/index.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/_components/sidebar/nav-item.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/_components/sidebar/navigation.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/_components/sidebar/toggle.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/_components/sidebar/wrapper.tsx	Analyzed
✔️	app/(dashboard)/u/[username]/layout.tsx	Analyzed
✔️	lib/auth-service.ts	55.82% smaller
✔️	renovate.json	Analyzed
✔️	store/use-creator-sidebar.ts	Analyzed

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
gamehub	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 21, 2023 11:35am

[gitstream-cm]

🥷 Code experts: no user but you matched threshold 10

Zaid-maker has most 👩‍💻 activity in the files.
Zaid-maker has most 🧠 knowledge in the files.

See details

lib/auth-service.ts

Activity based on git-commit:

	Zaid-maker
DEC	22 additions & 0 deletions
NOV
OCT
SEP
AUG
JUL

Knowledge based on git-blame:
Zaid-maker: 100%

To learn more about /:\ gitStream - Visit our Docs

[Zaid-maker]

Merge activity

• Dec 21, 6:37 AM: @@Zaid-maker merged this pull request with Graphite.