From 0536ae48c67a2d9d92bc2f4f6710cf072adfd289 Mon Sep 17 00:00:00 2001
From: frakarr <fcarra79@gmail.com>
Date: Sat, 10 Jan 2026 00:17:06 +0100
Subject: [PATCH] Update Tickets.tsx

---
 pages/Tickets.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/pages/Tickets.tsx b/pages/Tickets.tsx
index e7049ca..2080103 100644
--- a/pages/Tickets.tsx
+++ b/pages/Tickets.tsx
@@ -2,7 +2,7 @@
 import React, { useEffect, useState } from 'react';
 import { CondoService } from '../services/mockDb';
 import { Ticket, TicketStatus, TicketPriority, TicketCategory, TicketAttachment, TicketComment } from '../types';
-import { MessageSquareWarning, Plus, Search, Filter, Paperclip, X, CheckCircle2, Clock, XCircle, FileIcon, Image as ImageIcon, Film, Send, PauseCircle, Archive, Trash2, User } from 'lucide-react';
+import { MessageSquareWarning, Plus, Search, Filter, Paperclip, X, CheckCircle2, Clock, XCircle, FileIcon, Image as ImageIcon, Film, Send, PauseCircle, Archive, Trash2, User, Type, AlignLeft } from 'lucide-react';
 
 export const TicketsPage: React.FC = () => {
     const user = CondoService.getCurrentUser();
@@ -303,7 +303,10 @@ export const TicketsPage: React.FC = () => {
                         <form onSubmit={handleCreateSubmit} className="space-y-4">
                             <div>
                                 <label className="block text-xs font-bold text-slate-500 uppercase mb-1">Oggetto</label>
-                                <input className="w-full border p-2.5 rounded-lg text-slate-700" value={formTitle} onChange={e => setFormTitle(e.target.value)} required placeholder="Es. Luce scale rotta" />
+                                <div className="relative">
+                                    <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 text-slate-700" value={formTitle} onChange={e => setFormTitle(e.target.value)} required placeholder="Es. Luce scale rotta" />
+                                </div>
                             </div>
                             
                             <div className="grid grid-cols-2 gap-3">
@@ -330,7 +333,10 @@ export const TicketsPage: React.FC = () => {
 
                             <div>
                                 <label className="block text-xs font-bold text-slate-500 uppercase mb-1">Descrizione</label>
-                                <textarea className="w-full border p-2.5 rounded-lg text-slate-700 h-24" value={formDesc} onChange={e => setFormDesc(e.target.value)} required placeholder="Dettagli del problema..." />
+                                <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 text-slate-700 h-24" value={formDesc} onChange={e => setFormDesc(e.target.value)} required placeholder="Dettagli del problema..." />
+                                </div>
                             </div>
 
                             <div>