EmtyStateMessage.js 879 B

12345678910111213141516171819
  1. // components/EmptyStateMessage.js
  2. import { CiFolderOn } from "react-icons/ci";
  3. import MailButton from "./MailButton";
  4. export default function EmptyStateMessage({ folderName, isAdmin = false }) {
  5. const adminMessage = `Derzeit sind keine Dateien in dem Ordner ${folderName}.`;
  6. const branchMessage = `Derzeit sind keine Daten vorhanden. Bitte fügen Sie neue Dateien hinzu oder kontaktieren Sie den Support, falls Dateien fehlen.`;
  7. return (
  8. <div className="w-2/3 flex flex-col items-center justify-center border-2 border-dashed border-gray-300 rounded-lg p-6 bg-gray-50">
  9. <CiFolderOn className="text-6xl text-gray-400 mb-4" />
  10. <p className="font-poppins font-bold text-gray-600 mb-2">
  11. {isAdmin ? adminMessage : branchMessage}
  12. </p>
  13. {/* Für Niederlassungen: Zeige die Mail-Schaltfläche nur, wenn kein Admin */}
  14. {!isAdmin && <MailButton />}
  15. </div>
  16. );
  17. }