Added submission description text

hqasmei · Jul 22, 2024 · c8b0c17 · c8b0c17
1 parent ebb3c88
commit c8b0c17
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/app/_components/header.tsx b/src/app/_components/header.tsx
@@ -162,6 +162,7 @@ export function Header() {
         open={isSubimtOpen}
         setOpen={setIsSubimtOpen}
         header="Submit a portfolio"
+        description='Allow up to 24 hours for review and addition to our curated collection.'
       >
         <SubmissionForm setOpen={setIsSubimtOpen} />
       </ResponsiveDialog>

diff --git a/src/components/responsive-dialog.tsx b/src/components/responsive-dialog.tsx
@@ -3,12 +3,14 @@ import * as React from 'react';
 import {
   Dialog,
   DialogContent,
+  DialogDescription,
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog';
 import {
   Drawer,
   DrawerContent,
+  DrawerDescription,
   DrawerHeader,
   DrawerTitle,
 } from '@/components/ui/drawer';
@@ -18,11 +20,13 @@ export function ResponsiveDialog({
   open,
   setOpen,
   header,
+  description,
   children,
 }: {
   open: boolean;
   setOpen: (open: boolean) => void;
   header: string;
+  description?: string;
   children: React.ReactNode;
 }) {
   const { isMobile } = useMediaQuery();
@@ -33,6 +37,9 @@ export function ResponsiveDialog({
         <DrawerContent>
           <DrawerHeader className="text-left">
             <DrawerTitle>{header}</DrawerTitle>
+            {description && (
+              <DrawerDescription>{description}</DrawerDescription>
+            )}
           </DrawerHeader>
           {children}
         </DrawerContent>
@@ -45,6 +52,7 @@ export function ResponsiveDialog({
       <DialogContent className="sm:max-w-[425px]">
         <DialogHeader>
           <DialogTitle>{header}</DialogTitle>
+          {description && <DialogDescription>{description}</DialogDescription>}
         </DialogHeader>
         {children}
       </DialogContent>