From ffdfcddf4a98c31a22e77aa063291493354c2617 Mon Sep 17 00:00:00 2001
From: frakarr <fcarra79@gmail.com>
Date: Sat, 10 Jan 2026 00:13:43 +0100
Subject: [PATCH] Update FamilyDetail.tsx

---
 pages/FamilyDetail.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/pages/FamilyDetail.tsx b/pages/FamilyDetail.tsx
index 964952d..e8f9cb9 100644
--- a/pages/FamilyDetail.tsx
+++ b/pages/FamilyDetail.tsx
@@ -3,7 +3,7 @@ import React, { useEffect, useState, useMemo } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { CondoService } from '../services/mockDb';
 import { Family, Payment, AppSettings, MonthStatus, PaymentStatus, Condo } from '../types';
-import { ArrowLeft, CheckCircle2, AlertCircle, Plus, Calendar, CreditCard, TrendingUp } from 'lucide-react';
+import { ArrowLeft, CheckCircle2, AlertCircle, Plus, Calendar, CreditCard, TrendingUp, Euro, Building as BuildingIcon } from 'lucide-react';
 import { PayPalScriptProvider, PayPalButtons } from "@paypal/react-paypal-js";
 
 const MONTH_NAMES = [
@@ -471,14 +471,17 @@ export const FamilyDetail: React.FC = () => {
 
                                   <div>
                                     <label className="block text-sm font-semibold text-slate-700 mb-1.5">Importo (€)</label>
-                                    <input 
-                                        type="number" 
-                                        step="0.01"
-                                        required
-                                        value={newPaymentAmount}
-                                        onChange={(e) => setNewPaymentAmount(parseFloat(e.target.value))}
-                                        className="w-full border border-slate-300 rounded-xl p-3 focus:ring-2 focus:ring-blue-500 outline-none text-lg font-medium"
-                                    />
+                                    <div className="relative">
+                                        <Euro className="absolute left-3 top-3.5 w-5 h-5 text-slate-400" />
+                                        <input 
+                                            type="number" 
+                                            step="0.01"
+                                            required
+                                            value={newPaymentAmount}
+                                            onChange={(e) => setNewPaymentAmount(parseFloat(e.target.value))}
+                                            className="w-full border border-slate-300 rounded-xl p-3 pl-10 focus:ring-2 focus:ring-blue-500 outline-none text-lg font-medium"
+                                        />
+                                    </div>
                                   </div>
 
                                   <div className="pt-2 flex gap-3">
@@ -563,6 +566,3 @@ export const FamilyDetail: React.FC = () => {
   );
 };
 
-const BuildingIcon = ({className}:{className?:string}) => (
-    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className={className}><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M9 22v-4h6v4"/><path d="M8 6h.01"/><path d="M16 6h.01"/><path d="M8 10h.01"/><path d="M16 10h.01"/><path d="M8 14h.01"/><path d="M16 14h.01"/></svg>
-);