diff --git a/src/pages/Upload.tsx b/src/pages/Upload.tsx index 832deaa..bf1a742 100644 --- a/src/pages/Upload.tsx +++ b/src/pages/Upload.tsx @@ -6,13 +6,14 @@ import { Input } from '@/components/ui/input'; import { Textarea } from '@/components/ui/textarea'; import { Label } from '@/components/ui/label'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; +import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible'; import { useUploadFile } from '@/hooks/useUploadFile'; import { useNostrPublish } from '@/hooks/useNostrPublish'; import { useCurrentUser } from '@/hooks/useCurrentUser'; import { useToast } from '@/hooks/useToast'; import { useNavigate } from 'react-router-dom'; import { LoginArea } from '@/components/auth/LoginArea'; -import { ImageIcon, X, Loader2 } from 'lucide-react'; +import { ImageIcon, X, Loader2, ChevronDown } from 'lucide-react'; export function Upload() { useSeoMeta({ @@ -32,6 +33,7 @@ export function Upload() { const [location, setLocation] = useState(''); const [selectedFiles, setSelectedFiles] = useState([]); const [previewUrls, setPreviewUrls] = useState([]); + const [isAdvancedOpen, setIsAdvancedOpen] = useState(false); const fileInputRef = useRef(null); const handleFileSelect = (e: React.ChangeEvent) => { @@ -328,17 +330,33 @@ export function Upload() {

- {/* Location */} -
- - setLocation(e.target.value)} - placeholder="San José, Costa Rica" - disabled={isLoading} - /> -
+ {/* Advanced Options */} + + + + + + {/* Location */} +
+ + setLocation(e.target.value)} + placeholder="San José, Costa Rica" + disabled={isLoading} + /> +
+
+
{/* Submit Button */}