fix: Firmware-Update-Button stabilisiert und Flackern entfernt
- useAdminAuth aus KueEinstellung entfernt und einmalig in SettingsModalWrapper ausgelagert - isAdminLoggedIn als Prop übergeben, um ständige Aktualisierungen zu vermeiden - Button wird jetzt stabil angezeigt ohne console-Logs oder Intervall-Aufrufe
This commit is contained in:
43
components/common/ConfirmModal.tsx
Normal file
43
components/common/ConfirmModal.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// components/common/ConfirmModal.tsx
|
||||
import React from "react";
|
||||
|
||||
interface ConfirmModalProps {
|
||||
open: boolean;
|
||||
title?: string;
|
||||
message: string;
|
||||
onConfirm: () => void;
|
||||
onCancel: () => void;
|
||||
}
|
||||
|
||||
export default function ConfirmModal({
|
||||
open,
|
||||
title,
|
||||
message,
|
||||
onConfirm,
|
||||
onCancel,
|
||||
}: ConfirmModalProps) {
|
||||
if (!open) return null;
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-40 flex items-center justify-center z-50">
|
||||
<div className="bg-white p-6 rounded shadow-xl w-[360px] max-w-full text-center">
|
||||
{title && <h2 className="text-lg font-semibold mb-3">{title}</h2>}
|
||||
<p className="mb-6 text-gray-800">{message}</p>
|
||||
<div className="flex justify-center gap-4">
|
||||
<button
|
||||
className="bg-gray-300 hover:bg-gray-400 text-black px-4 py-2 rounded"
|
||||
onClick={onCancel}
|
||||
>
|
||||
Abbrechen
|
||||
</button>
|
||||
<button
|
||||
className="bg-littwin-blue hover:bg-blue-700 text-white px-4 py-2 rounded"
|
||||
onClick={onConfirm}
|
||||
>
|
||||
Bestätigen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user