Nutze informelles Deutsch, also "Du" statt "Sie".
This commit is contained in:
@@ -120,11 +120,11 @@ function App() {
|
|||||||
<div>
|
<div>
|
||||||
<div className="text-center mb-8">
|
<div className="text-center mb-8">
|
||||||
<h2 className="text-3xl font-bold text-gray-900 mb-4">
|
<h2 className="text-3xl font-bold text-gray-900 mb-4">
|
||||||
Buchen Sie Ihre perfekte Nagelbehandlung
|
Buche deine perfekte Nagelbehandlung
|
||||||
</h2>
|
</h2>
|
||||||
<p className="text-lg text-gray-600 max-w-2xl mx-auto">
|
<p className="text-lg text-gray-600 max-w-2xl mx-auto">
|
||||||
Erleben Sie professionelle Nagelpflege mit unseren Experten.
|
Erlebe professionelle Nagelpflege mit unseren Experten.
|
||||||
Wählen Sie aus unserem breiten Angebot an Behandlungen und buchen Sie noch heute Ihren Termin.
|
Wähle aus unserem breiten Angebot an Behandlungen und buche noch heute deinen Termin.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<BookingForm />
|
<BookingForm />
|
||||||
@@ -138,7 +138,7 @@ function App() {
|
|||||||
Behandlungen verwalten
|
Behandlungen verwalten
|
||||||
</h2>
|
</h2>
|
||||||
<p className="text-lg text-gray-600">
|
<p className="text-lg text-gray-600">
|
||||||
Hinzufügen, bearbeiten und verwalten Sie Ihre Nagelbehandlungen.
|
Füge Behandlungen hinzu, bearbeite und verwalte deine Nagelbehandlungen.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<AdminTreatments />
|
<AdminTreatments />
|
||||||
@@ -152,7 +152,7 @@ function App() {
|
|||||||
Buchungen verwalten
|
Buchungen verwalten
|
||||||
</h2>
|
</h2>
|
||||||
<p className="text-lg text-gray-600">
|
<p className="text-lg text-gray-600">
|
||||||
Sehen und verwalten Sie Kundentermine und Buchungen.
|
Sieh dir Kundentermine an und verwalte Buchungen.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<AdminBookings />
|
<AdminBookings />
|
||||||
@@ -166,7 +166,7 @@ function App() {
|
|||||||
Benutzerprofil
|
Benutzerprofil
|
||||||
</h2>
|
</h2>
|
||||||
<p className="text-lg text-gray-600">
|
<p className="text-lg text-gray-600">
|
||||||
Verwalten Sie Ihre Kontoinformationen und Einstellungen.
|
Verwalte deine Kontoinformationen und Einstellungen.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<UserProfile />
|
<UserProfile />
|
||||||
|
@@ -18,7 +18,7 @@ export function AdminBookings() {
|
|||||||
);
|
);
|
||||||
|
|
||||||
const getTreatmentName = (treatmentId: string) => {
|
const getTreatmentName = (treatmentId: string) => {
|
||||||
return treatments?.find(t => t.id === treatmentId)?.name || "Unknown Treatment";
|
return treatments?.find(t => t.id === treatmentId)?.name || "Unbekannte Behandlung";
|
||||||
};
|
};
|
||||||
|
|
||||||
const getStatusColor = (status: string) => {
|
const getStatusColor = (status: string) => {
|
||||||
@@ -138,7 +138,7 @@ export function AdminBookings() {
|
|||||||
<td className="px-6 py-4 whitespace-nowrap">
|
<td className="px-6 py-4 whitespace-nowrap">
|
||||||
<div className="text-sm text-gray-900">{getTreatmentName(booking.treatmentId)}</div>
|
<div className="text-sm text-gray-900">{getTreatmentName(booking.treatmentId)}</div>
|
||||||
{booking.notes && (
|
{booking.notes && (
|
||||||
<div className="text-sm text-gray-500">Notes: {booking.notes}</div>
|
<div className="text-sm text-gray-500">Notizen: {booking.notes}</div>
|
||||||
)}
|
)}
|
||||||
</td>
|
</td>
|
||||||
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
|
||||||
@@ -202,8 +202,8 @@ export function AdminBookings() {
|
|||||||
{!filteredBookings?.length && (
|
{!filteredBookings?.length && (
|
||||||
<div className="text-center py-8 text-gray-500">
|
<div className="text-center py-8 text-gray-500">
|
||||||
{selectedDate
|
{selectedDate
|
||||||
? `No bookings found for ${new Date(selectedDate).toLocaleDateString()}`
|
? `Keine Buchungen für ${new Date(selectedDate).toLocaleDateString()} gefunden`
|
||||||
: "No bookings available."
|
: "Keine Buchungen verfügbar."
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@@ -245,7 +245,7 @@ export function AdminTreatments() {
|
|||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (confirm("Are you sure you want to delete this treatment?")) {
|
if (confirm("Bist du sicher, dass du diese Behandlung löschen möchtest?")) {
|
||||||
deleteTreatment(treatment.id);
|
deleteTreatment(treatment.id);
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
@@ -261,7 +261,7 @@ export function AdminTreatments() {
|
|||||||
|
|
||||||
{!treatments?.length && (
|
{!treatments?.length && (
|
||||||
<div className="text-center py-8 text-gray-500">
|
<div className="text-center py-8 text-gray-500">
|
||||||
No treatments available. Add your first treatment to get started.
|
Keine Behandlungen verfügbar. Füge deine erste Behandlung hinzu, um zu starten.
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
@@ -64,7 +64,7 @@ export function BookingForm() {
|
|||||||
const handleSubmit = (e: React.FormEvent) => {
|
const handleSubmit = (e: React.FormEvent) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
if (!selectedTreatment || !customerName || !customerEmail || !customerPhone || !appointmentDate || !appointmentTime) {
|
if (!selectedTreatment || !customerName || !customerEmail || !customerPhone || !appointmentDate || !appointmentTime) {
|
||||||
alert("Bitte füllen Sie alle erforderlichen Felder aus");
|
alert("Bitte fülle alle erforderlichen Felder aus");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -85,7 +85,7 @@ export function BookingForm() {
|
|||||||
setAppointmentDate("");
|
setAppointmentDate("");
|
||||||
setAppointmentTime("");
|
setAppointmentTime("");
|
||||||
setNotes("");
|
setNotes("");
|
||||||
alert("Buchung erfolgreich erstellt! Wir werden Sie kontaktieren, um Ihren Termin zu bestätigen.");
|
alert("Buchung erfolgreich erstellt! Wir werden dich kontaktieren, um deinen Termin zu bestätigen.");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@@ -95,7 +95,7 @@ export function BookingForm() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="max-w-2xl mx-auto bg-white rounded-lg shadow-lg p-6">
|
<div className="max-w-2xl mx-auto bg-white rounded-lg shadow-lg p-6">
|
||||||
<h2 className="text-2xl font-bold text-gray-900 mb-6">Buchen Sie Ihre Nagelbehandlung</h2>
|
<h2 className="text-2xl font-bold text-gray-900 mb-6">Buche deine Nagelbehandlung</h2>
|
||||||
|
|
||||||
<form onSubmit={handleSubmit} className="space-y-6">
|
<form onSubmit={handleSubmit} className="space-y-6">
|
||||||
{/* Treatment Selection */}
|
{/* Treatment Selection */}
|
||||||
@@ -109,7 +109,7 @@ export function BookingForm() {
|
|||||||
className="w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-pink-500 focus:border-pink-500"
|
className="w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-pink-500 focus:border-pink-500"
|
||||||
required
|
required
|
||||||
>
|
>
|
||||||
<option value="">Wählen Sie eine Behandlung</option>
|
<option value="">Wähle eine Behandlung</option>
|
||||||
{treatments?.map((treatment) => (
|
{treatments?.map((treatment) => (
|
||||||
<option key={treatment.id} value={treatment.id}>
|
<option key={treatment.id} value={treatment.id}>
|
||||||
{treatment.name} - ${(treatment.price / 100).toFixed(2)} ({treatment.duration} min)
|
{treatment.name} - ${(treatment.price / 100).toFixed(2)} ({treatment.duration} min)
|
||||||
|
Reference in New Issue
Block a user