fix: notification hub and user menu alignment

devrsi0n · Oct 30, 2024 · c424f44 · c424f44
1 parent 7f6a80c
commit c424f44
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/apps/main/typings/next-auth.d.ts b/apps/main/typings/next-auth.d.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import NextAuth from 'next-auth';
+import { Plan as PlanUnion } from '@prisma/client';
 
 declare module 'next-auth' {
   /**
@@ -13,6 +14,7 @@ declare module 'next-auth' {
       username: string;
       email: string;
       image: string;
+      plan: PlanUnion;
       editableProjectIds: string[];
     };
   }

diff --git a/packages/ui/src/blocks/notification-hub/notification-hub.tsx b/packages/ui/src/blocks/notification-hub/notification-hub.tsx
@@ -42,7 +42,7 @@ export function NotificationHub(): JSX.Element {
             <span className="absolute right-[3px] top-[1px] rounded-full bg-red-900 p-1 ring-1 ring-white dark:ring-black" />
           )}
         </Menu.Button>
-        <Menu.Items>
+        <Menu.Items side="left" align="start">
           <Heading as="h4" className="px-5 py-3 font-bold">
             Notifications
           </Heading>

diff --git a/packages/ui/src/blocks/user-menu/user-menu.tsx b/packages/ui/src/blocks/user-menu/user-menu.tsx
@@ -40,7 +40,7 @@ export function UserMenu(props: UserMenuProps): JSX.Element {
           username={username}
         />
       </Menu.Button>
-      <Menu.Items className="mx-6">
+      <Menu.Items side="left" align="start">
         {name && (
           <div className="mx-4 w-36 space-y-1 py-2">
             {plan && plan !== 'HOBBY' && (

diff --git a/packages/ui/typings/next-auth.d.ts b/packages/ui/typings/next-auth.d.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import NextAuth from 'next-auth';
+import { Plan as PlanUnion } from '@prisma/client';
 
 declare module 'next-auth' {
   /**
@@ -13,6 +14,7 @@ declare module 'next-auth' {
       username: string;
       email: string;
       image: string;
+      plan: PlanUnion;
       editableProjectIds: string[];
     };
   }