impressum datenschutz added

2026-03-25 15:25:34 +01:00
parent 219e1930f7
commit eaa94e766a
12 changed files with 493 additions and 3 deletions
@@ -0,0 +1,29 @@
+import { useQuery } from '@tanstack/react-query';
+import { gdprApi } from '../../services/api';
+import Card from '../../components/ui/Card';
+import { Building } from 'lucide-react';
+
+export default function PortalImprint() {
+  const { data, isLoading, isError } = useQuery({
+    queryKey: ['imprint'],
+    queryFn: () => gdprApi.getImprint(),
+    retry: 1,
+  });
+
+  if (isLoading) return <div className="text-center py-8 text-gray-500">Laden...</div>;
+  if (isError) return <div className="text-center py-8 text-red-500">Impressum konnte nicht geladen werden. Bitte Server neu starten.</div>;
+
+  const html = data?.data?.html || '<p class="text-gray-500">Noch kein Impressum hinterlegt.</p>';
+
+  return (
+    <div>
+      <div className="flex items-center gap-3 mb-6">
+        <Building className="w-6 h-6 text-blue-600" />
+        <h1 className="text-2xl font-bold">Impressum</h1>
+      </div>
+      <Card>
+        <div className="prose prose-sm max-w-none" dangerouslySetInnerHTML={{ __html: html }} />
+      </Card>
+    </div>
+  );
+}
@@ -0,0 +1,29 @@
+import { useQuery } from '@tanstack/react-query';
+import { gdprApi } from '../../services/api';
+import Card from '../../components/ui/Card';
+import { Shield } from 'lucide-react';
+
+export default function PortalWebsitePrivacy() {
+  const { data, isLoading, isError } = useQuery({
+    queryKey: ['website-privacy-policy'],
+    queryFn: () => gdprApi.getWebsitePrivacyPolicy(),
+    retry: 1,
+  });
+
+  if (isLoading) return <div className="text-center py-8 text-gray-500">Laden...</div>;
+  if (isError) return <div className="text-center py-8 text-red-500">Datenschutzerklärung konnte nicht geladen werden. Bitte Server neu starten.</div>;
+
+  const html = data?.data?.html || '<p class="text-gray-500">Noch keine Datenschutzerklärung hinterlegt.</p>';
+
+  return (
+    <div>
+      <div className="flex items-center gap-3 mb-6">
+        <Shield className="w-6 h-6 text-blue-600" />
+        <h1 className="text-2xl font-bold">Datenschutzerklärung</h1>
+      </div>
+      <Card>
+        <div className="prose prose-sm max-w-none" dangerouslySetInnerHTML={{ __html: html }} />
+      </Card>
+    </div>
+  );
+}