diff --git a/index.html b/index.html index fd7febda..c9ddd12d 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,9 @@ + + + diff --git a/src/components/upload/UppyPhotoSubmissionUpload.tsx b/src/components/upload/UppyPhotoSubmissionUpload.tsx index 1f641908..ccbc0671 100644 --- a/src/components/upload/UppyPhotoSubmissionUpload.tsx +++ b/src/components/upload/UppyPhotoSubmissionUpload.tsx @@ -1,14 +1,16 @@ import React, { useState } from 'react'; -import { Card } from '@/components/ui/card'; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Textarea } from '@/components/ui/textarea'; import { Button } from '@/components/ui/button'; +import { Badge } from '@/components/ui/badge'; +import { Separator } from '@/components/ui/separator'; import { UppyPhotoUpload } from './UppyPhotoUpload'; import { supabase } from '@/integrations/supabase/client'; import { useAuth } from '@/hooks/useAuth'; import { useToast } from '@/hooks/use-toast'; -import { Camera } from 'lucide-react'; +import { Camera, CheckCircle, AlertCircle, Info } from 'lucide-react'; interface UppyPhotoSubmissionUploadProps { onSubmissionComplete?: () => void; @@ -118,77 +120,123 @@ export function UppyPhotoSubmissionUpload({ }; return ( - -
-
- -

Submit Photos

+ + +
+ +
+
+ + Submit Photos + + + Share your photos with the community. All submissions will be reviewed before being published. + +
+ + + +
+
+ +
+

Submission Guidelines:

+
    +
  • • Photos should be clear and well-lit
    • +
  • • Maximum 10 images per submission
    • +
  • • Each image up to 25MB in size
    • +
  • • Review process takes 24-48 hours
    • +
+
+
-
-
- - setTitle(e.target.value)} - placeholder="Give your photos a descriptive title" - maxLength={100} - required - /> -

- {title.length}/100 characters -

-
+ -
- -