From 103faf1d09ec9ae90ed9223d41670d52c443a16e Mon Sep 17 00:00:00 2001 From: Hamzat Victor Date: Wed, 8 Jan 2025 00:16:06 +0100 Subject: [PATCH 1/2] feat: update profile UI visual hierachy --- frontend/components/profile/index.tsx | 119 ++++++++++++++------------ frontend/components/ui/button.tsx | 2 +- 2 files changed, 65 insertions(+), 56 deletions(-) diff --git a/frontend/components/profile/index.tsx b/frontend/components/profile/index.tsx index 6e1fa73..4561046 100644 --- a/frontend/components/profile/index.tsx +++ b/frontend/components/profile/index.tsx @@ -218,28 +218,69 @@ function ProfileCard({ )} - - - + {isEditing ? ( - +
+ + +
) : ( -
-
-
+ <> +
+ +
{name} {`@${username}`}
+ {bio &&

{bio}

} + {(socialLinks.length > 0 || personalWebsite) && ( +
+ {personalWebsite && ( + + )} + {socialLinks.map((link, index) => { + const Icon = socialIcons[link.platform] + return ( + + ) + })} +
+ )} +
+
{typeof generations === "number" && (
)} -
-
- - -
- {bio &&

{bio}

} - {(socialLinks.length > 0 || personalWebsite) && ( -
- {personalWebsite && ( - - )} - {socialLinks.map((link, index) => { - const Icon = socialIcons[link.platform] - return ( - - ) - })} +
+ +
- )} +

{joinedAt}

-
+ )} @@ -713,7 +722,7 @@ const SubscriptionBadge = ({ - diff --git a/frontend/components/ui/button.tsx b/frontend/components/ui/button.tsx index 3e9fc73..4a2ed78 100644 --- a/frontend/components/ui/button.tsx +++ b/frontend/components/ui/button.tsx @@ -26,7 +26,7 @@ const buttonVariants = cva( sm: "h-8 rounded-md px-3 text-xs", lg: "h-10 rounded-md px-8", icon: "h-9 w-9", - smIcon: "h-8 w-8", + smIcon: "size-8", }, }, defaultVariants: { From 108fa4ff1f93a2e251958c43b88d7c27e8ee6c8c Mon Sep 17 00:00:00 2001 From: Hamzat Victor Date: Wed, 8 Jan 2025 00:16:29 +0100 Subject: [PATCH 2/2] feat: update profile logo and navbar --- frontend/assets/logo.svg | 20 +++++++++++-------- .../components/dashboard/navbar/index.tsx | 9 +++++++-- frontend/components/profile/navbar.tsx | 9 +++++++-- 3 files changed, 26 insertions(+), 12 deletions(-) diff --git a/frontend/assets/logo.svg b/frontend/assets/logo.svg index b5c4b5e..be5ef9a 100644 --- a/frontend/assets/logo.svg +++ b/frontend/assets/logo.svg @@ -1,18 +1,22 @@ - - - - - - + + + + + + + - + - + + + + diff --git a/frontend/components/dashboard/navbar/index.tsx b/frontend/components/dashboard/navbar/index.tsx index 310a14d..e5af6e8 100644 --- a/frontend/components/dashboard/navbar/index.tsx +++ b/frontend/components/dashboard/navbar/index.tsx @@ -9,14 +9,19 @@ import DashboardNavbarSearch from "./search" export default function DashboardNavbar({ userData }: { userData: User }) { return (
-
+
Logo -
Sandbox
+

+ Sandbox{" "} + + by gitwit + +

diff --git a/frontend/components/profile/navbar.tsx b/frontend/components/profile/navbar.tsx index f7e8648..d6462c6 100644 --- a/frontend/components/profile/navbar.tsx +++ b/frontend/components/profile/navbar.tsx @@ -9,14 +9,19 @@ import { Button } from "../ui/button" export default function ProfileNavbar({ userData }: { userData: User }) { return (