Update Documents.tsx

This commit is contained in:
2026-01-10 00:16:32 +01:00
committed by GitHub
parent a6f2d2d3d9
commit a061f71bfd

View File

@@ -2,7 +2,7 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { CondoService } from '../services/mockDb'; import { CondoService } from '../services/mockDb';
import { Document, Condo } from '../types'; import { Document, Condo } from '../types';
import { FileText, Download, Eye, Upload, Tag, Search, Trash2, X, Plus, Filter, Image as ImageIcon, File } from 'lucide-react'; import { FileText, Download, Eye, Upload, Tag, Search, Trash2, X, Plus, Filter, Image as ImageIcon, File, Type, AlignLeft } from 'lucide-react';
export const DocumentsPage: React.FC = () => { export const DocumentsPage: React.FC = () => {
const user = CondoService.getCurrentUser(); const user = CondoService.getCurrentUser();
@@ -271,8 +271,14 @@ export const DocumentsPage: React.FC = () => {
<button onClick={() => setShowUploadModal(false)}><X className="w-6 h-6 text-slate-400"/></button> <button onClick={() => setShowUploadModal(false)}><X className="w-6 h-6 text-slate-400"/></button>
</div> </div>
<form onSubmit={handleUploadSubmit} className="space-y-4"> <form onSubmit={handleUploadSubmit} className="space-y-4">
<input className="w-full border p-2.5 rounded-lg" placeholder="Titolo Documento" value={uploadForm.title} onChange={e => setUploadForm({...uploadForm, title: e.target.value})} required /> <div className="relative">
<textarea className="w-full border p-2.5 rounded-lg h-24" placeholder="Descrizione..." value={uploadForm.description} onChange={e => setUploadForm({...uploadForm, description: e.target.value})} /> <Type className="absolute left-3 top-2.5 w-5 h-5 text-slate-400" />
<input className="w-full border p-2.5 pl-10 rounded-lg" placeholder="Titolo Documento" value={uploadForm.title} onChange={e => setUploadForm({...uploadForm, title: e.target.value})} required />
</div>
<div className="relative">
<AlignLeft className="absolute left-3 top-2.5 w-5 h-5 text-slate-400" />
<textarea className="w-full border p-2.5 pl-10 rounded-lg h-24" placeholder="Descrizione..." value={uploadForm.description} onChange={e => setUploadForm({...uploadForm, description: e.target.value})} />
</div>
<div> <div>
<label className="block text-xs font-bold text-slate-500 uppercase mb-1">Tags</label> <label className="block text-xs font-bold text-slate-500 uppercase mb-1">Tags</label>
@@ -283,9 +289,10 @@ export const DocumentsPage: React.FC = () => {
</span> </span>
))} ))}
</div> </div>
<div className="flex gap-2"> <div className="flex gap-2 relative">
<Tag className="absolute left-3 top-2.5 w-4 h-4 text-slate-400" />
<input <input
className="flex-1 border p-2 rounded-lg text-sm" className="flex-1 border p-2 pl-9 rounded-lg text-sm"
placeholder="Nuovo tag (es. Verbale)" placeholder="Nuovo tag (es. Verbale)"
value={uploadForm.currentTagInput} value={uploadForm.currentTagInput}
onChange={e => setUploadForm({...uploadForm, currentTagInput: e.target.value})} onChange={e => setUploadForm({...uploadForm, currentTagInput: e.target.value})}