removed button when profile has 5 reviews (#122)

* removed button when profile has 5 reviews * removed useless comments * addressed comments
sandboxnu · Feb 9, 2025 · 403fd76 · 403fd76
1 parent 8683211
commit 403fd76
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/apps/web/src/app/_components/header.tsx b/apps/web/src/app/_components/header.tsx
@@ -8,6 +8,7 @@ import { cn } from "@cooper/ui";
 
 import { NewReviewDialog } from "~/app/_components/reviews/new-review-dialogue";
 import { altivoFont } from "~/app/styles/font";
+import { api } from "~/trpc/react";
 import CooperLogo from "./cooper-logo";
 
 interface HeaderProps {
@@ -22,6 +23,20 @@ interface HeaderProps {
 export default function Header({ session, auth }: HeaderProps) {
   const pathname = usePathname();
 
+  const profile = api.profile.getCurrentUser.useQuery(undefined, {
+    refetchOnWindowFocus: false,
+  });
+  const profileId = profile.data?.id;
+
+  const reviews = api.review.getByProfile.useQuery(
+    { id: profileId ?? "" },
+    {
+      enabled: !!profileId,
+    },
+  );
+
+  const showButton = !!profileId && (reviews.data?.length ?? 0) < 5;
+
   const outerWidth = "w-40";
 
   return (
@@ -72,8 +87,7 @@ export default function Header({ session, auth }: HeaderProps) {
           outerWidth,
         )}
       >
-        {/* TODO: only show this if the user is below the max number of reviews allowed */}
-        {session && <NewReviewDialog />}
+        {session && showButton && <NewReviewDialog />}
         {auth}
       </div>
     </header>