Uporzadkowanie nawigacji i formularzy: ukrycie O nas, ulepszenie kalkulatora i uproszczenie zgloszenia awarii

This commit is contained in:
AI Assistant
2026-07-05 20:34:44 +02:00
parent a0eb555e22
commit 59fd9a9b97
8 changed files with 120 additions and 110 deletions
+3 -34
View File
@@ -111,8 +111,6 @@ export function AwariaClient() {
const [name, setName] = useState('');
const [phone, setPhone] = useState('');
const [city, setCity] = useState('');
const [preferredDate, setPreferredDate] = useState('');
const [preferredTime, setPreferredTime] = useState('');
const [consent, setConsent] = useState(false);
const [isSubmitting, setIsSubmitting] = useState(false);
@@ -139,8 +137,8 @@ export function AwariaClient() {
name,
phone,
city,
preferredDate,
preferredTime,
preferredDate: '',
preferredTime: '',
});
setIsSubmitting(false);
@@ -329,36 +327,7 @@ export function AwariaClient() {
</div>
</div>
{/* Sekcja 3: Termin */}
<div className="bg-white rounded-2xl border border-border p-6">
<h2 className="text-base font-bold text-primary font-heading mb-4 flex items-center gap-2">
<Clock className="size-4 text-accent" /> Preferowany termin
</h2>
<div className="grid grid-cols-2 gap-3">
<div>
<label className="text-xs font-medium text-primary mb-1 block">Data</label>
<input
type="date" value={preferredDate} onChange={e => setPreferredDate(e.target.value)}
min={new Date().toISOString().split('T')[0]}
className="w-full h-[42px] rounded-xl px-3 py-2.5 text-sm border border-border focus:border-accent outline-none"
/>
</div>
<div>
<label className="text-xs font-medium text-primary mb-1 block">Godzina</label>
<select
value={preferredTime} onChange={e => setPreferredTime(e.target.value)}
className="w-full h-[42px] rounded-xl px-3 py-2.5 text-sm border border-border focus:border-accent outline-none bg-white"
>
<option value="">Dowolna</option>
<option value="8:00-10:00">8:00 – 10:00</option>
<option value="10:00-12:00">10:00 – 12:00</option>
<option value="12:00-14:00">12:00 – 14:00</option>
<option value="14:00-16:00">14:00 – 16:00</option>
<option value="16:00-18:00">16:00 – 18:00</option>
</select>
</div>
</div>
</div>
{/* Sekcja 4: Dane kontaktowe */}
<div className="bg-white rounded-2xl border border-border p-6">