Conditionally shows new prompt button based on subscription level.

Author: joehdodd

apps/web/app/components/Navigation.tsx

@@ -19,15 +19,12 @@ export default function Navigation({ hasDashboardAccess }: { hasDashboardAccess?
     <nav className="border-ps" style={{ borderBottomWidth: '1px' }}>
       <div className="container mx-auto p-4 md:px-6 md:py-4">
         <div className="flex gap-4 flex-col md:items-center">
-          {/* Logo */}
           <Link
             href="/"
             className="text-lg md:text-2xl font-bold text-ps-primary hover:opacity-80 transition-opacity"
           >
             Postscript
           </Link>
-
-          {/* Navigation Links */}
           <div className="flex gap-2 justify-start md:items-center md:gap-6">
             {navItems.map((item) => {
               const isActive = pathname === item.href;

apps/web/app/prompt/page.tsx

@@ -3,6 +3,7 @@ import Link from 'next/link';
 import { requireAuth } from '../actions/auth';
 import { fetchUserPrompts } from '../actions/prompt';
 import GenerateNewPrompt from '../components/GenerateNewPrompt';
+import { fetchUserSubscription } from '../actions/account';
 
 type Prompt = {
   id: string;
@@ -17,6 +18,8 @@ export default async function Prompt() {
     redirect('/');
   }
   const prompts = await fetchUserPrompts(userId);
+  const subscription = await fetchUserSubscription();
+  const hasGeneratePromptAccess = subscription?.planType === 'PLATINUM';
 
   return (
     <div className="min-h-screen bg-ps-primary">
@@ -31,7 +34,9 @@ export default async function Prompt() {
               You may still respond to any open prompts. Click on any prompt to
               view details or write your entry.
             </p>
-            <GenerateNewPrompt />
+            {hasGeneratePromptAccess && (
+              <GenerateNewPrompt />
+            )}
           </div>
           <div className="flex flex-col gap-2 space-y-4">
             {prompts?.length > 0 ? (