Document Upload Dialogue update

This commit is contained in:
Koncept Kit
2026-01-02 15:35:30 +07:00
parent a6c2475092
commit 33a4d8f4c4
3 changed files with 47 additions and 26 deletions

View File

@@ -44,7 +44,7 @@ const AdminNewsletters = () => {
description: '',
published_date: '',
document_url: '',
document_type: 'google_docs'
document_type: 'link'
});
const [submitting, setSubmitting] = useState(false);
@@ -70,8 +70,9 @@ const AdminNewsletters = () => {
description: '',
published_date: new Date().toISOString().split('T')[0],
document_url: '',
document_type: 'google_docs'
document_type: 'link'
});
setUploadedFile(null);
setDialogOpen(true);
};
@@ -232,7 +233,7 @@ const AdminNewsletters = () => {
{formatDate(newsletter.published_date)}
</Badge>
<Badge variant="outline" className="border-[#664fa3] text-[#664fa3]">
{newsletter.document_type === 'google_docs' ? 'Google Docs' : newsletter.document_type.toUpperCase()}
{newsletter.document_type === 'upload' ? 'PDF Upload' : 'Link'}
</Badge>
<Button
variant="ghost"
@@ -322,14 +323,16 @@ const AdminNewsletters = () => {
<Label htmlFor="document_type">Document Type *</Label>
<Select
value={formData.document_type}
onValueChange={(value) => setFormData({ ...formData, document_type: value })}
onValueChange={(value) => {
setFormData({ ...formData, document_type: value, document_url: '' });
setUploadedFile(null);
}}
>
<SelectTrigger>
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="google_docs">Google Docs</SelectItem>
<SelectItem value="pdf">PDF</SelectItem>
<SelectItem value="link">Link</SelectItem>
<SelectItem value="upload">Upload</SelectItem>
</SelectContent>
</Select>
@@ -350,6 +353,11 @@ const AdminNewsletters = () => {
Selected: {uploadedFile.name}
</p>
)}
{selectedNewsletter && !uploadedFile && (
<p className="text-sm text-[#664fa3] mt-1">
Current file will be kept if no new file is selected
</p>
)}
</div>
) : (
<div>
@@ -358,12 +366,11 @@ const AdminNewsletters = () => {
id="document_url"
value={formData.document_url}
onChange={(e) => setFormData({ ...formData, document_url: e.target.value })}
placeholder="https://docs.google.com/document/d/..."
placeholder="https://docs.google.com/document/d/... or https://example.com/file.pdf"
required
/>
<p className="text-sm text-[#664fa3] mt-1">
{formData.document_type === 'google_docs' && 'Paste the shareable link to your Google Doc'}
{formData.document_type === 'pdf' && 'Paste the URL to your PDF file'}
Paste the shareable link to your document (Google Docs, Dropbox, PDF URL, etc.)
</p>
</div>
)}