From 01e54f21fef84296c08332f4b05a5497d4cd3edf Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 22 Nov 2022 18:08:09 +0100
Subject: [PATCH 01/30] 638: add route for region, restrict route to admins,
 add region button to dashboard

---
 administration/src/App.tsx                          |  9 ++++++++-
 .../src/components/home/HomeController.tsx          | 11 ++++++++---
 .../src/components/regions/RegionController.tsx     | 13 +++++++++++++
 3 files changed, 29 insertions(+), 4 deletions(-)
 create mode 100644 administration/src/components/regions/RegionController.tsx

diff --git a/administration/src/App.tsx b/administration/src/App.tsx
index 012c0d1e3..050c444c0 100644
--- a/administration/src/App.tsx
+++ b/administration/src/App.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import Navigation from './components/Navigation'
 import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client'
 import { setContext } from '@apollo/client/link/context'
-import { BrowserRouter, Route, Routes } from 'react-router-dom'
+import { BrowserRouter, Route, Routes, Navigate } from 'react-router-dom'
 import GenerationController from './components/generation/GenerationController'
 import styled from 'styled-components'
 import RegionProvider from './RegionProvider'
@@ -12,6 +12,7 @@ import KeepAliveToken from './KeepAliveToken'
 import ApplicationsController from './components/applications/ApplicationsController'
 import { ProjectConfigProvider } from './project-configs/ProjectConfigContext'
 import HomeController from './components/home/HomeController'
+import RegionsController from './components/regions/RegionController'
 import MetaTagsManager from './components/MetaTagsManager'
 import { AppToasterProvider } from './components/AppToaster'
 import UserSettingsController from './components/user-settings/UserSettingsController'
@@ -19,6 +20,7 @@ import ResetPasswordController from './components/auth/ResetPasswordController'
 import ForgotPasswordController from './components/auth/ForgotPasswordController'
 import ApplyController from './application/components/ApplyController'
 import { createUploadLink } from 'apollo-upload-client'
+import {Role} from "./generated/graphql";
 
 if (!process.env.REACT_APP_API_BASE_URL) {
   throw new Error('REACT_APP_API_BASE_URL is not set!')
@@ -47,6 +49,8 @@ const Main = styled.div`
   justify-content: center;
 `
 
+const isAdmin = (role: Role): boolean => role === Role.ProjectAdmin || role === Role.RegionAdmin
+
 const App = () => (
   <ProjectConfigProvider>
     <MetaTagsManager />
@@ -75,6 +79,9 @@ const App = () => (
                                   path={'/applications'}
                                   element={<ApplicationsController token={authData.token} />}
                                 />
+                                 <Route path={'/region'}
+                                        element={isAdmin(authData.administrator.role) ? <RegionsController/> : <Navigate to={'/'}/>}
+                                 />
                                 <Route path={'/eak-generation'} element={<GenerationController />} />
                                 <Route path={'/user-settings'} element={<UserSettingsController />} />
                                 <Route path={'*'} element={<HomeController />} />
diff --git a/administration/src/components/home/HomeController.tsx b/administration/src/components/home/HomeController.tsx
index 81d6bfbd3..d6a028b24 100644
--- a/administration/src/components/home/HomeController.tsx
+++ b/administration/src/components/home/HomeController.tsx
@@ -21,9 +21,14 @@ const HomeController = () => {
         </>
       ) : null}
       {role === Role.ProjectAdmin || role === Role.RegionAdmin ? (
-        <NavLink to={'/users'}>
-          <Button style={{ margin: '10px' }} icon='people' text='Benutzer verwalten' />
-        </NavLink>
+        <>
+           <NavLink to={'/users'}>
+             <Button style={{ margin: '10px' }} icon='people' text='Benutzer verwalten' />
+           </NavLink>
+           <NavLink to={'/region'}>
+              <Button style={{ margin: '10px' }} icon='path-search' text='Region verwalten' />
+           </NavLink>
+         </>
       ) : null}
     </div>
   )
diff --git a/administration/src/components/regions/RegionController.tsx b/administration/src/components/regions/RegionController.tsx
new file mode 100644
index 000000000..89f65d3d2
--- /dev/null
+++ b/administration/src/components/regions/RegionController.tsx
@@ -0,0 +1,13 @@
+import React, {ReactElement} from 'react';
+
+type RegionsControllerProps = {}
+
+const RegionController = (props: RegionsControllerProps): ReactElement => {
+    return (
+        <div>
+            Regionsverwaltung
+        </div>
+    );
+};
+
+export default RegionController;

From bf88e8e0c722041aeef643d8fc000c37cec7b74b Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Wed, 23 Nov 2022 15:41:22 +0100
Subject: [PATCH 02/30] 638: add basePolicy, add textarea

---
 .../components/regions/RegionController.tsx   | 61 +++++++++++++++++--
 .../src/constants/dataPrivacyBase.ts          |  2 +
 2 files changed, 59 insertions(+), 4 deletions(-)
 create mode 100644 administration/src/constants/dataPrivacyBase.ts

diff --git a/administration/src/components/regions/RegionController.tsx b/administration/src/components/regions/RegionController.tsx
index 89f65d3d2..ff2be1116 100644
--- a/administration/src/components/regions/RegionController.tsx
+++ b/administration/src/components/regions/RegionController.tsx
@@ -1,12 +1,65 @@
-import React, {ReactElement} from 'react';
+import {Button, Card, H4, TextArea} from '@blueprintjs/core';
+import React, {ReactElement, useState} from 'react';
+import styled from 'styled-components';
+import dataPrivacyBase from "../../constants/dataPrivacyBase";
 
 type RegionsControllerProps = {}
 
+const Content = styled.div`
+  padding: 0 6rem;
+  width: 100%;
+  z-index: 0;
+  flex-grow: 1;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  align-items: center;
+`
+const Label = styled(H4)`
+  text-align: center;
+`
+const ButtonBar = styled(({stickyTop: number, ...rest}) => <Card {...rest} />)<{ stickyTop: number }>`
+  width: 100%;
+  padding: 15px;
+  background: #fafafa;
+  position: sticky;
+  z-index: 1;
+  top: ${props => props.stickyTop}px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+
+  & button {
+    margin: 5px;
+  }
+`
+
+
 const RegionController = (props: RegionsControllerProps): ReactElement => {
+    const [dataPrivacyText, setDataPrivacyText] = useState<string>('');
+
+    const onSave = (): void => {
+        console.log("save", `${dataPrivacyBase}\n\n${dataPrivacyText}`)
+    }
+
+
+
     return (
-        <div>
-            Regionsverwaltung
-        </div>
+        <>
+            <ButtonBar stickyTop={0}>
+                    <Button
+                        icon='lock'
+                        text='Speichern'
+                        intent='success'
+                        onClick={onSave}
+                    />
+            </ButtonBar>
+            <Content>
+                <Label>Datenschutzerklärung</Label>
+                <TextArea fill={true} onChange={e => setDataPrivacyText(e.target.value)} value={dataPrivacyText} large
+                          rows={20} placeholder={'Fügen sie hier ihre Datenschutzerklärung ein...'}/>
+            </Content>
+        </>
     );
 };
 
diff --git a/administration/src/constants/dataPrivacyBase.ts b/administration/src/constants/dataPrivacyBase.ts
new file mode 100644
index 000000000..536be0d66
--- /dev/null
+++ b/administration/src/constants/dataPrivacyBase.ts
@@ -0,0 +1,2 @@
+const dataPrivacyBase = 'TestBaseText'
+export default dataPrivacyBase
\ No newline at end of file

From bb916952f6c8231a6ca7c5af60d506dcefe1572f Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Thu, 24 Nov 2022 16:11:31 +0100
Subject: [PATCH 03/30] 638: add data privacy policy checkbox, add policy
 dialog

---
 .../application/components/BasicDialog.tsx    | 33 +++++++++++++++++++
 .../components/forms/PersonalDataForm.tsx     | 20 ++++++++++-
 2 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 administration/src/application/components/BasicDialog.tsx

diff --git a/administration/src/application/components/BasicDialog.tsx b/administration/src/application/components/BasicDialog.tsx
new file mode 100644
index 000000000..c23e4d91c
--- /dev/null
+++ b/administration/src/application/components/BasicDialog.tsx
@@ -0,0 +1,33 @@
+import {Icon, IconSize} from '@blueprintjs/core'
+import {Dialog, DialogContent, DialogContentText, DialogTitle} from '@mui/material'
+
+const BasicDialog = ({
+                         open,
+                         onUpdateOpen,
+                         title,
+                         content,
+                     }: {
+    open: boolean
+    onUpdateOpen: (open: boolean) => void
+    title: string
+    content: string
+}) => {
+    return (
+        <Dialog open={open} onBackdropClick={() => onUpdateOpen(false)}>
+            <DialogTitle style={{display: 'flex', justifyContent: 'space-between'}}>
+                {title}
+                <Icon
+                    icon="cross"
+                    onClick={() => onUpdateOpen(false)}
+                    style={{alignSelf: 'center'}}
+                    size={IconSize.LARGE}
+                />
+            </DialogTitle>
+            <DialogContent>
+                <DialogContentText>{content}</DialogContentText>
+            </DialogContent>
+        </Dialog>
+    )
+}
+
+export default BasicDialog
diff --git a/administration/src/application/components/forms/PersonalDataForm.tsx b/administration/src/application/components/forms/PersonalDataForm.tsx
index bbe1dde97..019b14870 100644
--- a/administration/src/application/components/forms/PersonalDataForm.tsx
+++ b/administration/src/application/components/forms/PersonalDataForm.tsx
@@ -5,6 +5,9 @@ import ShortTextForm, { ShortTextFormState } from '../primitive-inputs/ShortText
 import DateForm, { DateFormState } from '../primitive-inputs/DateForm'
 import { useUpdateStateCallback } from '../../useUpdateStateCallback'
 import { Form } from '../../FormType'
+import BasicDialog from "../BasicDialog";
+import dataPrivacyBase from "../../../constants/dataPrivacyBase";
+import { Checkbox, FormGroup } from '@mui/material'
 
 export type PersonalDataFormState = {
   forenames: ShortTextFormState
@@ -13,6 +16,8 @@ export type PersonalDataFormState = {
   emailAddress: EmailFormState
   telephone: ShortTextFormState
   dateOfBirth: DateFormState
+  dataPrivacyAccepted: boolean,
+  dataPrivacyModal: boolean
 }
 type ValidatedInput = PersonalDataInput
 type Options = {}
@@ -25,6 +30,8 @@ const PersonalDataForm: Form<PersonalDataFormState, Options, ValidatedInput, Add
     emailAddress: EmailForm.initialState,
     telephone: ShortTextForm.initialState,
     dateOfBirth: DateForm.initialState,
+    dataPrivacyAccepted: false,
+    dataPrivacyModal: false
   },
   getArrayBufferKeys: state => [
     ...ShortTextForm.getArrayBufferKeys(state.forenames),
@@ -41,13 +48,15 @@ const PersonalDataForm: Form<PersonalDataFormState, Options, ValidatedInput, Add
     const emailAddress = EmailForm.getValidatedInput(state.emailAddress)
     const telephone = ShortTextForm.getValidatedInput(state.telephone)
     const dateOfBirth = DateForm.getValidatedInput(state.dateOfBirth)
+    const dataPrivacyAccepted = state.dataPrivacyAccepted
     if (
       forenames.type === 'error' ||
       surname.type === 'error' ||
       address.type === 'error' ||
       emailAddress.type === 'error' ||
       telephone.type === 'error' ||
-      dateOfBirth.type === 'error'
+      dateOfBirth.type === 'error' ||
+      dataPrivacyAccepted === false
     )
       return { type: 'error' }
     return {
@@ -100,6 +109,15 @@ const PersonalDataForm: Form<PersonalDataFormState, Options, ValidatedInput, Add
         setState={useUpdateStateCallback(setState, 'telephone')}
         label='Telefon'
       />
+      <FormGroup row>
+         <Checkbox
+                checked={state.dataPrivacyAccepted}
+                onChange={e => setState(state => ({...state, dataPrivacyAccepted: e.target.checked}))}
+                required
+            />
+            <div style={{alignSelf: 'center'}}>Ich akzeptiere die <a onClick={()=>setState(state => ({...state, dataPrivacyModal: true}))}>Datenschutzerklärung</a></div>
+      </FormGroup>
+      <BasicDialog open={state.dataPrivacyModal} onUpdateOpen={()=>setState(state => ({...state, dataPrivacyModal: false}))} title={'Datenschutzerklärung'} content={dataPrivacyBase}/>
     </>
   ),
 }

From 2a6a39da123ba81814c0564d6dfd9203c068b0bb Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Mon, 28 Nov 2022 11:30:27 +0100
Subject: [PATCH 04/30] 638: add privacy base text

---
 .../application/components/BasicDialog.tsx    |  8 ++--
 .../components/forms/PersonalDataForm.tsx     |  4 +-
 .../components/regions/RegionController.tsx   |  4 +-
 .../src/constants/dataPrivacyBase.ts          | 41 ++++++++++++++++++-
 4 files changed, 48 insertions(+), 9 deletions(-)

diff --git a/administration/src/application/components/BasicDialog.tsx b/administration/src/application/components/BasicDialog.tsx
index c23e4d91c..cf6ee5e80 100644
--- a/administration/src/application/components/BasicDialog.tsx
+++ b/administration/src/application/components/BasicDialog.tsx
@@ -1,19 +1,21 @@
 import {Icon, IconSize} from '@blueprintjs/core'
-import {Dialog, DialogContent, DialogContentText, DialogTitle} from '@mui/material'
+import {Breakpoint, Dialog, DialogContent, DialogContentText, DialogTitle} from '@mui/material'
 
 const BasicDialog = ({
                          open,
                          onUpdateOpen,
                          title,
                          content,
+                         maxWidth
                      }: {
     open: boolean
     onUpdateOpen: (open: boolean) => void
     title: string
     content: string
+    maxWidth?: Breakpoint | false
 }) => {
     return (
-        <Dialog open={open} onBackdropClick={() => onUpdateOpen(false)}>
+        <Dialog open={open} onBackdropClick={() => onUpdateOpen(false)} maxWidth={maxWidth}>
             <DialogTitle style={{display: 'flex', justifyContent: 'space-between'}}>
                 {title}
                 <Icon
@@ -24,7 +26,7 @@ const BasicDialog = ({
                 />
             </DialogTitle>
             <DialogContent>
-                <DialogContentText>{content}</DialogContentText>
+                <DialogContentText style={{whiteSpace: 'pre-line'}}>{content}</DialogContentText>
             </DialogContent>
         </Dialog>
     )
diff --git a/administration/src/application/components/forms/PersonalDataForm.tsx b/administration/src/application/components/forms/PersonalDataForm.tsx
index 019b14870..095fc3bb6 100644
--- a/administration/src/application/components/forms/PersonalDataForm.tsx
+++ b/administration/src/application/components/forms/PersonalDataForm.tsx
@@ -6,7 +6,7 @@ import DateForm, { DateFormState } from '../primitive-inputs/DateForm'
 import { useUpdateStateCallback } from '../../useUpdateStateCallback'
 import { Form } from '../../FormType'
 import BasicDialog from "../BasicDialog";
-import dataPrivacyBase from "../../../constants/dataPrivacyBase";
+import { dataPrivacyBaseHeadline, dataPrivacyBaseText } from "../../../constants/dataPrivacyBase";
 import { Checkbox, FormGroup } from '@mui/material'
 
 export type PersonalDataFormState = {
@@ -117,7 +117,7 @@ const PersonalDataForm: Form<PersonalDataFormState, Options, ValidatedInput, Add
             />
             <div style={{alignSelf: 'center'}}>Ich akzeptiere die <a onClick={()=>setState(state => ({...state, dataPrivacyModal: true}))}>Datenschutzerklärung</a></div>
       </FormGroup>
-      <BasicDialog open={state.dataPrivacyModal} onUpdateOpen={()=>setState(state => ({...state, dataPrivacyModal: false}))} title={'Datenschutzerklärung'} content={dataPrivacyBase}/>
+      <BasicDialog open={state.dataPrivacyModal} maxWidth='lg' onUpdateOpen={()=>setState(state => ({...state, dataPrivacyModal: false}))} title={dataPrivacyBaseHeadline} content={dataPrivacyBaseText}/>
     </>
   ),
 }
diff --git a/administration/src/components/regions/RegionController.tsx b/administration/src/components/regions/RegionController.tsx
index ff2be1116..696a627fb 100644
--- a/administration/src/components/regions/RegionController.tsx
+++ b/administration/src/components/regions/RegionController.tsx
@@ -1,7 +1,7 @@
 import {Button, Card, H4, TextArea} from '@blueprintjs/core';
 import React, {ReactElement, useState} from 'react';
 import styled from 'styled-components';
-import dataPrivacyBase from "../../constants/dataPrivacyBase";
+import {dataPrivacyBaseText} from "../../constants/dataPrivacyBase";
 
 type RegionsControllerProps = {}
 
@@ -39,7 +39,7 @@ const RegionController = (props: RegionsControllerProps): ReactElement => {
     const [dataPrivacyText, setDataPrivacyText] = useState<string>('');
 
     const onSave = (): void => {
-        console.log("save", `${dataPrivacyBase}\n\n${dataPrivacyText}`)
+        console.log("save", `${dataPrivacyBaseText}\n\n${dataPrivacyText}`)
     }
 
 
diff --git a/administration/src/constants/dataPrivacyBase.ts b/administration/src/constants/dataPrivacyBase.ts
index 536be0d66..de22a84a8 100644
--- a/administration/src/constants/dataPrivacyBase.ts
+++ b/administration/src/constants/dataPrivacyBase.ts
@@ -1,2 +1,39 @@
-const dataPrivacyBase = 'TestBaseText'
-export default dataPrivacyBase
\ No newline at end of file
+export const dataPrivacyBaseText = 'Diese Datenschutzerklärung bezieht sich auf die Verarbeitung personenbezogener Daten im Rahmen der digitalen bayerischen Ehrenamtskarte einschließlich verbundener Dienste.\n\n' +
+    'Die digitale bayerischen Ehrenamtskarte wird im Auftrag des Bayerischen Staatsministeriums für Familie, Arbeit und Soziales, Winzererstraße 9, 80797 München durch die Tür an Tür – Digitalfabrik gGmbH, Wertachstr. 29, 86153 Augsburg betrieben.\n\n' +
+    'Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. \n\n' +
+    'Der gesamte Programmcode der digitalen bayerischen Ehrenamtskarte ist darüber hinaus quelloffen lizenziert unter der MIT-Lizenz und kann hier eingesehen werden:\n https://github.com/digitalfabrik/entitlementcard\n\n' +
+    'Für nähere Informationen zur Verarbeitung Ihrer personenbezogenen Daten können Sie uns unter den unten genannten Kontaktdaten erreichen.\n\n' +
+    'Name und Kontaktdaten des Verantwortlichen im Sinne des §7 TMG\nChristian K. J. Diener\nLeiter Referat Öffentlichkeitsarbeit\nTelefon: 089 1261-1640\nTelefax: 089 1261-181640\nE-Mail: Oeffentlichkeitsarbeit@stmas.bayern.de \n' +
+    'Kontaktdaten der Datenschutzbeauftragten\n\nTür an Tür – Digitalfabrik gGmbH\nHerr Daniel Kehne\nWertachstr. 29\n86153 Augsburg\n\n' +
+    'E-Mail: digitalfabrik@tuerantuer.de\nTelefon: 0821 20990556\n\n' +
+    'Allgemeines zum Thema Datenschutz finden Sie auf der Website des Bayerischen Landesbeauftragten für den Datenschutz (https://www.datenschutz-bayern.de). \n\n' +
+    'Haftung im Sinne §§ 7 - 10 TMG\n' +
+    'Das Bayerische Staatsministerium für Arbeit und Soziales, Familie und Integration stellt sein App-Angebot unter folgenden Nutzungsbedingungen zur Verfügung:\n\n' +
+    'Die App "Ehrenamtskarte" ist nach § 7 Abs. 1 TMG für die eigenen Inhalte, die es zur Nutzung bereithält, nach den allgemeinen Vorschriften verantwortlich. Die Haftung für Schäden materieller oder ideeller Art, die durch die Nutzung der Inhalte verursacht wurden, ist ausgeschlossen, sofern nicht Vorsatz oder grobe Fahrlässigkeit vorliegt.\n\n' +
+    'Bei der Zusammenstellung und Abgabe der Informationen von Vergünstigungen wird alle Sorgfalt walten gelassen. Eine Gewähr für die inhaltliche Vollständigkeit und Richtigkeit der Daten kann dennoch nicht übernommen werden. Insbesondere wird jede Haftung für solche Schäden ausgeschlossen, die bei Anwendern direkt oder indirekt daraus entstehen, dass die Daten genutzt werden.\n\n' +
+    'Soweit ein Text von dritter Seite erstellt ist, wird die jeweilige Verfasserin oder der jeweilige Verfasser oder die verantwortliche Einrichtung namentlich benannt. In diesen Fällen ist die Verfasserin oder der Verfasser bzw. die genannte Einrichtung des jeweiligen Dokuments für den Inhalt verantwortlich.\n\n' +
+    'Die App "Ehrenamtskarte" bewertet den Inhalt der verzeichneten Web-Sites zum Zeitpunkt ihrer Aufnahme in das Verzeichnis sorgfältig, und es werden nur solche Verweise aufgenommen, deren Inhalt nach Prüfung zum Zeitpunkt der Aufnahme nicht gegen geltendes Recht verstößt.\n\n' +
+    'Die App "Ehrenamtskarte" macht sich den Inhalt der zugänglich gemachten fremden Websites jedoch ausdrücklich nicht zu Eigen. Die Inhalte der Sites, auf die verwiesen wird, können sich ständig ändern - das macht gerade das Wesen eines digitalen Angebots aus. Aus diesem Grund übernimmt die App "Ehrenamtskarte" trotz Prüfung keine Gewähr für die Korrektheit, Vollständigkeit und Verfügbarkeit der jeweiligen fremden Website.\n\n' +
+    'Die App "Ehrenamtskarte" hat keinen Einfluss auf die aktuelle und zukünftige Gestaltung und Inhalte der Seiten. Die App "Ehrenamtskarte" übernimmt keine Haftung für Schäden, die aus der Benutzung der Links entstehen könnten.\n' +
+    'Zwecke und Rechtsgrundlagen für die Verarbeitung personenbezogener DatenZweck der Verarbeitung ist die Erfüllung einer freiwilligen Aufgabe. Soweit Sie in eine Verarbeitung eingewilligt haben, stützt sich die Datenverarbeitung auf Art. 6 Abs. 1 Buchstabe a DSGVO.\n\n' +
+    'Automatische Speicherung von DatenBei jedem Zugriff auf das Antragsformular (URL zum Antragsformular einfügen) oder die Nutzung der bayerischen Ehrenamtskarten-App (Android/iOS) werden folgende Nutzungsdaten gemäß § 15 Abs. 1 TMG bei jedem Aufruf mit aktiver Internetverbindung anonymisiert erhoben:\n' +
+    '- Datum und Uhrzeit des Abrufs\n' +
+    '- Name des aufgerufenen Internetdienstes, der aufgerufenen Ressource und der verwendeten Aktion\n' +
+    '- Abfrage, die der Client gestellt hat\n' +
+    '- übertragene Datenmenge\n' +
+    '- Meldung, ob der Abruf erfolgreich war\n' +
+    '- Browser-Identifikation (enthält in der Regel die Browserversion, sowie das Betriebssystem)\n' +
+    '- Innerhalb der App eingegebene Suchen nach Adressen oder Vergünstigungen;\n' +
+    '- Standort-Positionen, falls der Standort in den Apps freigegeben ist.\n\n' +
+    'Sonstige Daten werden bei Ihrer Nutzung nicht automatisch erhoben und nicht an unsere Server gesendet. Nach dem Grundsatz der Datenvermeidung und der Datensparsamkeit, sowie dem Grundsatz der anonymen und pseudonymen Nutzung, wird nur das Minimum an Nutzungsdaten erhoben, soweit dies für den technischen Betrieb der Apps sowie die Ermittlung der aufgerufenen Inhalte erforderlich ist. Die erhobenen Informationen können weder direkt noch mit Hilfe von Zusatzwissen auf eine bestimmte Person zurückgeführt werden. Die einzelnen Nutzer können somit nicht identifiziert werden. Wir erstellen keine Nutzungsprofile.\n\n' +
+    'Weitergabe erhobener Daten\nDaten, die beim Zugriff auf unsere Dienste erhoben worden sind, werden an Dritte außerhalb unserer Organisation nur übermittelt, soweit wir gesetzlich oder durch richterliche bzw. staatsanwaltschaftliche Anordnung dazu verpflichtet sind oder die Weitergabe im Falle von Angriffen auf die Internetinfrastruktur unserer Organisation zur Rechts- oder Strafverfolgung erforderlich ist. Es erfolgt keine Weitergabe zu kommerziellen Zwecken. \n\n' +
+    'Eine Übermittlung der Daten in andere Staaten erfolgt nicht. Der Serverstandort ist Deutschland.\n\n' +
+    'Zustimmung (Einwilligung) zur Erhebung, Nutzung und Verarbeitung personenbezogener Daten\nAußerhalb gesetzlicher Verpflichtungen dürfen personenbezogene Daten nur mit (und im Rahmen) Ihrer Zustimmung erhoben, genutzt oder verarbeitet werden. Um dies zu gewährleisten, müssen Sie z.B. bei der Beantragung der digitalen bayerischen Ehrenamtskarte explizit der Verarbeitung und Weitergabe Ihrer Daten zustimmen. Sollten Sie die digitale bayerischen Ehrenamtskarte über das Online-Formular auf (URL zum Antragsformular einfügen) beantragen wird die Tür an Tür – Digitalfabrik gGmbH die im Antragsformular angegebenen Daten erheben, verarbeiten und nutzen. Dies erfolgt ausschließlich für den Zweck der Ausstellung der Bayerischen Ehrenamtskarte, sowie der damit verbundenen Gewährung von Vergünstigungen und zugehörigen Kommunikationsmaßnahmen. Ihre Daten werden an das Bayerischen Staatsministerium für Familie, Arbeit und Soziales sowie die ausstellende Stadt- bzw. Kreisverwaltung an Ihrem im Antrag angegebenen Wohnsitz weitergegeben, um die Ehrenamtskarte sachgemäß auszustellen. Sofern der Prozess dies erfordert können Ihre Daten zum Zwecke des Erstellens der Ehrenamtskarte auch an einen externen Druckpartner weitergegeben werden sowie zur Verwaltung Ihrer Daten an die Lachnit & Rademacher GmbH, die die Online-Datenbank freinet-online betreiben und in der von den bayerischen Stadt- und Kreisverwaltungen auch Ehrenamtskarten-Inhaber:innen und Akzeptanzstellen gepflegt werden.\n\n' +
+    'Alle Einwilligungen können verweigert bzw. jederzeit ohne Angabe von Gründen durch Mitteilung an digitalfabrik@tuerantuer.de widerrufen werden. In diesem Fall werden alle gespeicherten personenbezogenen Daten gelöscht und die Ehrenamtskarte verliert ihre Gültigkeit. Aus der Nicht-Einwilligung oder einem Widerruf darf Ihnen kein Nachteil entstehen. Ein Widerruf kann nur mit Wirkung für die Zukunft erklärt werden. \n\n' +
+    'Einwilligung durch Minderjährige\nPersonen unter 18 Jahren sollten ohne Zustimmung der Erziehungsberechtigten keine personenbezogenen Daten an uns übermitteln. Gemäß Art. 8 DSGVO dürfen Kinder bis 16 Jahre solche Einwilligungen nur mit Zustimmung der Erziehungsberechtigten erklären. Personenbezogene Daten von Minderjährigen werden nicht bewusst erhoben und verarbeitet.\n\n' +
+    'Datensicherheit\nWir verwenden technische und organisatorische Maßnahmen um Ihre Daten vor dem Zugriff Unberechtigter und vor Manipulation, Übermittlung, Verlust oder Zerstörung zu schützen. Unsere Sicherheitsverfahren überprüfen wir regelmäßig und passen sie dem technologischen Fortschritt an.\n\n' +
+    'Offenlegung und Weitergabe personenbezogener Daten\nAlle personenbezogenen Daten werden ausschließlich mit Ihrer ausdrücklichen Zustimmung weitergegeben und werden für keine anderen Zwecke als die in unserer Datenschutzerklärung genannten, verwendet.\n\n' +
+    'Datenerhebung, Datennutzung und Verarbeitung\nElektronische Datenerhebung innerhalb des WebangebotesWenn Sie innerhalb unserer Online-Dienste aufgefordert werden Daten über sich einzugeben, erfolgt deren Transport über das Internet unter Verwendung von SSL-Verschlüsselung, um Ihre Daten vor einer Kenntnisnahme durch Unbefugte zu schützen.\n\n' +
+    'Elektronische Post (E-Mail)\nWir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. Wenn Sie uns E-Mails senden, wird Ihre E-Mail-Adresse nur für die Korrespondenz mit Ihnen verwendet. Informationen, die Sie unverschlüsselt per E-Mail an uns senden können, möglicherweise auf dem Übertragungsweg von Dritten gelesen werden. \n'
+
+export const dataPrivacyBaseHeadline = 'Datenschutzerklärung für die Nutzung und Beantragung der digitalen bayerischen Ehrenamtskarte'
\ No newline at end of file

From f37a8cbfffbe01525df5f1a91978a7e277d2c7fb Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Mon, 28 Nov 2022 15:06:39 +0100
Subject: [PATCH 05/30] 638: add dataPrivacyPolicy column, add get functions,
 implement data fetch hook

---
 administration/src/ErrorHandler.tsx           | 19 ++++
 .../applications/ApplicationsController.tsx   | 12 +--
 .../components/regions/RegionController.tsx   | 90 ++++++-------------
 .../src/components/regions/RegionOverview.tsx | 68 ++++++++++++++
 .../src/graphql/regions/getDataPolicy.graphql |  5 ++
 .../backend/regions/database/Schema.kt        |  2 +
 .../backend/regions/database/Setup.kt         |  2 +
 .../database/repos/RegionsRepository.kt       |  4 +
 .../webservice/dataloader/RegionDataLoader.kt |  2 +-
 .../webservice/schema/RegionsQueryService.kt  |  9 +-
 .../regions/webservice/schema/types/Region.kt |  3 +-
 specs/backend-api.graphql                     |  3 +
 12 files changed, 143 insertions(+), 76 deletions(-)
 create mode 100644 administration/src/ErrorHandler.tsx
 create mode 100644 administration/src/components/regions/RegionOverview.tsx
 create mode 100644 administration/src/graphql/regions/getDataPolicy.graphql

diff --git a/administration/src/ErrorHandler.tsx b/administration/src/ErrorHandler.tsx
new file mode 100644
index 000000000..88127cb19
--- /dev/null
+++ b/administration/src/ErrorHandler.tsx
@@ -0,0 +1,19 @@
+import {Button, Card, H3 } from '@blueprintjs/core';
+import React, {ReactElement} from 'react';
+
+type ErrorHandlerProps = {
+    refetch: ()=>void
+}
+
+const ErrorHandler = ({refetch}: ErrorHandlerProps): ReactElement => {
+    return (
+        <Card>
+            <H3>Ein Fehler ist aufgetreten.</H3>
+            <Button intent='primary' onClick={() => refetch()}>
+                Erneut versuchen
+            </Button>
+        </Card>
+    )
+};
+
+export default ErrorHandler;
diff --git a/administration/src/components/applications/ApplicationsController.tsx b/administration/src/components/applications/ApplicationsController.tsx
index 7282791d0..0e426f885 100644
--- a/administration/src/components/applications/ApplicationsController.tsx
+++ b/administration/src/components/applications/ApplicationsController.tsx
@@ -1,8 +1,9 @@
 import React, { useContext } from 'react'
-import { Button, Card, H3, Spinner } from '@blueprintjs/core'
+import { Spinner } from '@blueprintjs/core'
 import { RegionContext } from '../../RegionProvider'
 import ApplicationsOverview from './ApplicationsOverview'
 import { Region, useGetApplicationsQuery } from '../../generated/graphql'
+import ErrorHandler from "../../ErrorHandler";
 
 const ApplicationsController = (props: { region: Region; token: string }) => {
   const { loading, error, data, refetch } = useGetApplicationsQuery({
@@ -11,14 +12,7 @@ const ApplicationsController = (props: { region: Region; token: string }) => {
   })
   if (loading) return <Spinner />
   else if (error || !data)
-    return (
-      <Card>
-        <H3>Ein Fehler ist aufgetreten.</H3>
-        <Button intent='primary' onClick={() => refetch()}>
-          Erneut versuchen
-        </Button>
-      </Card>
-    )
+    return <ErrorHandler refetch={refetch}/>
   else return <ApplicationsOverview applications={data.applications} token={props.token} />
 }
 
diff --git a/administration/src/components/regions/RegionController.tsx b/administration/src/components/regions/RegionController.tsx
index 696a627fb..009494214 100644
--- a/administration/src/components/regions/RegionController.tsx
+++ b/administration/src/components/regions/RegionController.tsx
@@ -1,66 +1,30 @@
-import {Button, Card, H4, TextArea} from '@blueprintjs/core';
-import React, {ReactElement, useState} from 'react';
-import styled from 'styled-components';
-import {dataPrivacyBaseText} from "../../constants/dataPrivacyBase";
-
-type RegionsControllerProps = {}
-
-const Content = styled.div`
-  padding: 0 6rem;
-  width: 100%;
-  z-index: 0;
-  flex-grow: 1;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-evenly;
-  align-items: center;
-`
-const Label = styled(H4)`
-  text-align: center;
-`
-const ButtonBar = styled(({stickyTop: number, ...rest}) => <Card {...rest} />)<{ stickyTop: number }>`
-  width: 100%;
-  padding: 15px;
-  background: #fafafa;
-  position: sticky;
-  z-index: 1;
-  top: ${props => props.stickyTop}px;
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-
-  & button {
-    margin: 5px;
-  }
-`
-
-
-const RegionController = (props: RegionsControllerProps): ReactElement => {
-    const [dataPrivacyText, setDataPrivacyText] = useState<string>('');
-
-    const onSave = (): void => {
-        console.log("save", `${dataPrivacyBaseText}\n\n${dataPrivacyText}`)
+import React, {ReactElement, useContext} from 'react';
+import {RegionContext} from "../../RegionProvider";
+import RegionOverview from "./RegionOverview";
+import {Region, useGetDataPolicyQuery} from "../../generated/graphql";
+import ErrorHandler from "../../ErrorHandler";
+import { Spinner } from '@blueprintjs/core';
+
+
+const RegionController = (props: { region: Region}) => {
+    const {loading, error, data, refetch} = useGetDataPolicyQuery({variables:{regionId: props.region.id},  onError: error => console.error(error)})
+    if (loading) return <Spinner />
+    else if (error || !data)
+        return <ErrorHandler refetch={refetch}/>
+    else return <RegionOverview dataPrivacyPolicy={data.dataPolicy.dataPrivacyPolicy ?? ''} />
+}
+
+const ControllerWithRegion = (): ReactElement => {
+    const region = useContext(RegionContext)
+    if (region === null) {
+        return (
+            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
+                <p>Sie sind nicht berechtigt diese Seite aufzurufen.</p>
+            </div>
+        )
+    } else {
+        return <RegionController region={region}  />
     }
-
-
-
-    return (
-        <>
-            <ButtonBar stickyTop={0}>
-                    <Button
-                        icon='lock'
-                        text='Speichern'
-                        intent='success'
-                        onClick={onSave}
-                    />
-            </ButtonBar>
-            <Content>
-                <Label>Datenschutzerklärung</Label>
-                <TextArea fill={true} onChange={e => setDataPrivacyText(e.target.value)} value={dataPrivacyText} large
-                          rows={20} placeholder={'Fügen sie hier ihre Datenschutzerklärung ein...'}/>
-            </Content>
-        </>
-    );
 };
 
-export default RegionController;
+export default ControllerWithRegion;
diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
new file mode 100644
index 000000000..36b941410
--- /dev/null
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -0,0 +1,68 @@
+import {Button, Card, H4, TextArea } from '@blueprintjs/core';
+import React, {ReactElement, useState} from 'react';
+import styled from 'styled-components';
+import {dataPrivacyBaseText} from "../../constants/dataPrivacyBase";
+
+const Content = styled.div`
+  padding: 0 6rem;
+  width: 100%;
+  z-index: 0;
+  flex-grow: 1;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  align-items: center;
+`
+const Label = styled(H4)`
+  text-align: center;
+`
+const ButtonBar = styled(({stickyTop: number, ...rest}) => <Card {...rest} />)<{ stickyTop: number }>`
+  width: 100%;
+  padding: 15px;
+  background: #fafafa;
+  position: sticky;
+  z-index: 1;
+  top: ${props => props.stickyTop}px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+
+  & button {
+    margin: 5px;
+  }
+`
+
+type RegionOverviewProps = {
+    dataPrivacyPolicy: string
+}
+
+const RegionOverview = ({dataPrivacyPolicy}: RegionOverviewProps): ReactElement => {
+
+    const [dataPrivacyText, setDataPrivacyText] = useState<string>(dataPrivacyPolicy);
+
+    const onSave = (): void => {
+        if(dataPrivacyPolicy.length) {
+        console.log("save", `${dataPrivacyBaseText}\n\n${dataPrivacyText}`)
+        }
+    }
+
+return (
+        <>
+            <ButtonBar stickyTop={0}>
+                <Button
+                    icon='lock'
+                    text='Speichern'
+                    intent='success'
+                    onClick={onSave}
+                />
+            </ButtonBar>
+            <Content>
+                <Label>Datenschutzerklärung</Label>
+                <TextArea fill={true} onChange={e => setDataPrivacyText(e.target.value)} value={dataPrivacyText} large
+                          rows={20} placeholder={'Fügen sie hier ihre Datenschutzerklärung ein...'}/>
+            </Content>
+        </>
+    );
+};
+
+export default RegionOverview;
diff --git a/administration/src/graphql/regions/getDataPolicy.graphql b/administration/src/graphql/regions/getDataPolicy.graphql
new file mode 100644
index 000000000..0c55c7b51
--- /dev/null
+++ b/administration/src/graphql/regions/getDataPolicy.graphql
@@ -0,0 +1,5 @@
+query getDataPolicy($regionId: Int!) {
+  dataPolicy: regionByRegionId(regionId: $regionId) {
+    dataPrivacyPolicy
+  }
+}
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt
index 97020a01a..f392aa2ae 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt
@@ -12,6 +12,7 @@ object Regions : IntIdTable() {
     val website = varchar("website", 400)
     val name = varchar("name", 100)
     val prefix = varchar("prefix", 30) // Usually "Stadt" or "Landkreis"
+    val dataPrivacyPolicy = varchar("dataPrivacyPolicy", 4000)
 }
 
 class RegionEntity(id: EntityID<Int>) : IntEntity(id) {
@@ -22,4 +23,5 @@ class RegionEntity(id: EntityID<Int>) : IntEntity(id) {
     var website by Regions.website
     var name by Regions.name
     var prefix by Regions.prefix
+    var dataPrivacyPolicy by Regions.dataPrivacyPolicy
 }
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Setup.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Setup.kt
index 6a5b48780..1f659051a 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Setup.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Setup.kt
@@ -26,11 +26,13 @@ fun setupDatabase() {
                     prefix = eakRegion[0]
                     regionIdentifier = eakRegion[2]
                     website = eakRegion[3]
+                    dataPrivacyPolicy = "Lore ipsum"
                 }
             } else {
                 dbRegion.name = eakRegion[1]
                 dbRegion.prefix = eakRegion[0]
                 dbRegion.website = eakRegion[3]
+                dbRegion.dataPrivacyPolicy = "Lore ipsum"
             }
         }
     }
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt
index e8ac0b6ab..e5be04d8c 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt
@@ -25,4 +25,8 @@ object RegionsRepository {
 
     fun findByIds(ids: List<Int>) =
         RegionEntity.find { Regions.id inList ids }.sortByKeys({ it.id.value }, ids)
+
+    fun findRegionById(regionId: Int): RegionEntity {
+        return RegionEntity[regionId]
+    }
 }
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/dataloader/RegionDataLoader.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/dataloader/RegionDataLoader.kt
index c738276cc..c4afad243 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/dataloader/RegionDataLoader.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/dataloader/RegionDataLoader.kt
@@ -16,7 +16,7 @@ val regionLoader: DataLoader<Int, Region?> = DataLoaderFactory.newDataLoader { i
             transaction {
                 RegionsRepository.findByIds(ids).map {
                     if (it == null) null
-                    else Region(it.id.value, it.prefix, it.name, it.regionIdentifier)
+                    else Region(it.id.value, it.prefix, it.name, it.regionIdentifier, it.dataPrivacyPolicy)
                 }
             }
         }
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
index bda1abc92..e4b8540e1 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
@@ -11,7 +11,7 @@ class RegionsQueryService {
     @GraphQLDescription("Return list of all regions in the given project.")
     fun regionsInProject(project: String): List<Region> = transaction {
         RegionsRepository.findAllInProject(project).map {
-            Region(it.id.value, it.prefix, it.name, it.regionIdentifier)
+            Region(it.id.value, it.prefix, it.name, it.regionIdentifier, it.dataPrivacyPolicy)
         }
     }
 
@@ -19,7 +19,12 @@ class RegionsQueryService {
     fun regionsByIdInProject(project: String, ids: List<Int>): List<Region?> = transaction {
         RegionsRepository.findByIdsInProject(project, ids).map {
             if (it == null) null
-            else Region(it.id.value, it.prefix, it.name, it.regionIdentifier)
+            else Region(it.id.value, it.prefix, it.name, it.regionIdentifier, it.dataPrivacyPolicy)
         }
     }
+
+    @GraphQLDescription("Returns region data for specific region.")
+    fun regionByRegionId(regionId: Int): Region = transaction {
+        Region(RegionsRepository.findRegionById(regionId).id.value,RegionsRepository.findRegionById(regionId).prefix,RegionsRepository.findRegionById(regionId).name,RegionsRepository.findRegionById(regionId).regionIdentifier,RegionsRepository.findRegionById(regionId).dataPrivacyPolicy)
+    }
 }
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/types/Region.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/types/Region.kt
index 1d6d8c79b..2e179fd75 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/types/Region.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/types/Region.kt
@@ -4,5 +4,6 @@ data class Region(
     val id: Int,
     val prefix: String,
     val name: String,
-    val regionIdentifier: String?
+    val regionIdentifier: String?,
+    val dataPrivacyPolicy: String?
 )
diff --git a/specs/backend-api.graphql b/specs/backend-api.graphql
index 21f9d17d2..f4e184524 100644
--- a/specs/backend-api.graphql
+++ b/specs/backend-api.graphql
@@ -114,6 +114,8 @@ type Query {
   physicalStoresByIdInProject(ids: [Int!]!, project: String!): [PhysicalStore]!
   "Returns list of all accepting stores in the given project."
   physicalStoresInProject(project: String!): [PhysicalStore!]!
+  "Returns region data for specific region."
+  regionByRegionId(regionId: Int!): Region!
   "Returns regions queried by ids in the given project."
   regionsByIdInProject(ids: [Int!]!, project: String!): [Region]!
   "Return list of all regions in the given project."
@@ -125,6 +127,7 @@ type Query {
 }
 
 type Region {
+  dataPrivacyPolicy: String
   id: Int!
   name: String!
   prefix: String!

From faed46095fabd4b4a3cbda16a11acc542f3b62aa Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Mon, 28 Nov 2022 16:51:19 +0100
Subject: [PATCH 06/30] 638: add updateDataPolicy fkt

---
 .../components/regions/RegionController.tsx   |  5 +-
 .../src/components/regions/RegionOverview.tsx | 65 ++++++++++++-------
 .../graphql/regions/updateDataPolicy.graphql  |  3 +
 .../database/repos/RegionsRepository.kt       |  7 +-
 .../webservice/regionsGraphQLParams.kt        |  4 ++
 .../schema/RegionsMutationService.kt          | 18 +++++
 specs/backend-api.graphql                     |  2 +
 7 files changed, 77 insertions(+), 27 deletions(-)
 create mode 100644 administration/src/graphql/regions/updateDataPolicy.graphql
 create mode 100644 backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt

diff --git a/administration/src/components/regions/RegionController.tsx b/administration/src/components/regions/RegionController.tsx
index 009494214..c56d565d5 100644
--- a/administration/src/components/regions/RegionController.tsx
+++ b/administration/src/components/regions/RegionController.tsx
@@ -7,11 +7,12 @@ import { Spinner } from '@blueprintjs/core';
 
 
 const RegionController = (props: { region: Region}) => {
-    const {loading, error, data, refetch} = useGetDataPolicyQuery({variables:{regionId: props.region.id},  onError: error => console.error(error)})
+    const {region} = props
+    const {loading, error, data, refetch} = useGetDataPolicyQuery({variables:{regionId: region.id},  onError: error => console.error(error)})
     if (loading) return <Spinner />
     else if (error || !data)
         return <ErrorHandler refetch={refetch}/>
-    else return <RegionOverview dataPrivacyPolicy={data.dataPolicy.dataPrivacyPolicy ?? ''} />
+    else return <RegionOverview dataPrivacyPolicy={data.dataPolicy.dataPrivacyPolicy ?? ''} regionId={region.id}/>
 }
 
 const ControllerWithRegion = (): ReactElement => {
diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 36b941410..8ff0d4dc8 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -1,7 +1,8 @@
-import {Button, Card, H4, TextArea } from '@blueprintjs/core';
+import {Button, Card, H4, TextArea} from '@blueprintjs/core';
 import React, {ReactElement, useState} from 'react';
 import styled from 'styled-components';
-import {dataPrivacyBaseText} from "../../constants/dataPrivacyBase";
+import {useUpdateDataPolicyMutation} from "../../generated/graphql";
+import {useAppToaster} from "../AppToaster";
 
 const Content = styled.div`
   padding: 0 6rem;
@@ -34,35 +35,51 @@ const ButtonBar = styled(({stickyTop: number, ...rest}) => <Card {...rest} />)<{
 
 type RegionOverviewProps = {
     dataPrivacyPolicy: string
+    regionId: number
 }
 
-const RegionOverview = ({dataPrivacyPolicy}: RegionOverviewProps): ReactElement => {
-
+const RegionOverview = ({dataPrivacyPolicy, regionId}: RegionOverviewProps): ReactElement => {
+        const appToaster = useAppToaster()
     const [dataPrivacyText, setDataPrivacyText] = useState<string>(dataPrivacyPolicy);
+    const [updateDataPrivacy] = useUpdateDataPolicyMutation({
+    })
 
-    const onSave = (): void => {
-        if(dataPrivacyPolicy.length) {
-        console.log("save", `${dataPrivacyBaseText}\n\n${dataPrivacyText}`)
+    const onSave = async() => {
+        try {
+        const result = await updateDataPrivacy({variables: {regionId,text: dataPrivacyText}})
+        if (result.errors) {
+            console.error(result.errors)
+            appToaster?.show({ intent: 'danger', message: 'Fehler beim Speicher der Datenschutzerklärung' })
+        } else {
+            appToaster?.show({
+                intent: 'success',
+                message: 'Datenschutzerklärungerfolgreich geändert.',
+            })
         }
+    } catch (e) {
+        console.error(e)
+        appToaster?.show({ intent: 'danger', message: 'Fehler beim Speicher der Datenschutzerklärung' })
+    }
     }
 
 return (
-        <>
-            <ButtonBar stickyTop={0}>
-                <Button
-                    icon='lock'
-                    text='Speichern'
-                    intent='success'
-                    onClick={onSave}
-                />
-            </ButtonBar>
-            <Content>
-                <Label>Datenschutzerklärung</Label>
-                <TextArea fill={true} onChange={e => setDataPrivacyText(e.target.value)} value={dataPrivacyText} large
-                          rows={20} placeholder={'Fügen sie hier ihre Datenschutzerklärung ein...'}/>
-            </Content>
-        </>
-    );
-};
+    <>
+        <ButtonBar stickyTop={0}>
+            <Button
+                icon='lock'
+                text='Speichern'
+                intent='success'
+                onClick={onSave}
+            />
+        </ButtonBar>
+        <Content>
+            <Label>Datenschutzerklärung</Label>
+            <TextArea fill={true} onChange={e => setDataPrivacyText(e.target.value)} value={dataPrivacyText} large
+                      rows={20} placeholder={'Fügen sie hier ihre Datenschutzerklärung ein...'}/>
+        </Content>
+    </>
+);
+}
+;
 
 export default RegionOverview;
diff --git a/administration/src/graphql/regions/updateDataPolicy.graphql b/administration/src/graphql/regions/updateDataPolicy.graphql
new file mode 100644
index 000000000..497c8c00d
--- /dev/null
+++ b/administration/src/graphql/regions/updateDataPolicy.graphql
@@ -0,0 +1,3 @@
+mutation updateDataPolicy($regionId: Int!, $text: String!) {
+  dataPolicy: updateDataPrivacy(regionId: $regionId, dataPrivacyText: $text)
+}
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt
index e5be04d8c..43b1285a9 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt
@@ -29,4 +29,9 @@ object RegionsRepository {
     fun findRegionById(regionId: Int): RegionEntity {
         return RegionEntity[regionId]
     }
-}
+
+    fun updateDataPolicy(region: RegionEntity, dataPrivacyText: String) {
+        region.dataPrivacyPolicy = dataPrivacyText
+    }
+
+}
\ No newline at end of file
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/regionsGraphQLParams.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/regionsGraphQLParams.kt
index 8b9ffbb21..9c9f2761a 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/regionsGraphQLParams.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/regionsGraphQLParams.kt
@@ -3,6 +3,7 @@ package app.ehrenamtskarte.backend.regions.webservice
 import app.ehrenamtskarte.backend.common.webservice.GraphQLParams
 import app.ehrenamtskarte.backend.regions.webservice.dataloader.REGION_LOADER_NAME
 import app.ehrenamtskarte.backend.regions.webservice.dataloader.regionLoader
+import app.ehrenamtskarte.backend.regions.webservice.schema.RegionsMutationService
 import app.ehrenamtskarte.backend.regions.webservice.schema.RegionsQueryService
 import com.expediagroup.graphql.generator.SchemaGeneratorConfig
 import com.expediagroup.graphql.generator.TopLevelObject
@@ -19,5 +20,8 @@ val regionsGraphQlParams = GraphQLParams(
     dataLoaderRegistry = createDataLoaderRegistry(),
     queries = listOf(
         TopLevelObject(RegionsQueryService())
+    ) ,
+    mutations = listOf(
+        TopLevelObject(RegionsMutationService())
     )
 )
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
new file mode 100644
index 000000000..39b1ac389
--- /dev/null
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
@@ -0,0 +1,18 @@
+package app.ehrenamtskarte.backend.regions.webservice.schema
+
+import app.ehrenamtskarte.backend.regions.database.repos.RegionsRepository
+import com.expediagroup.graphql.generator.annotations.GraphQLDescription
+import org.jetbrains.exposed.sql.transactions.transaction
+
+@Suppress("unused")
+class RegionsMutationService {
+
+    @GraphQLDescription("Updates the data privacy policy of a region")
+    fun updateDataPrivacy(regionId: Int, dataPrivacyText: String): Boolean {
+        transaction {
+            val region = RegionsRepository.findRegionById(regionId)
+                RegionsRepository.updateDataPolicy(region, dataPrivacyText)
+        }
+        return true
+    }
+}
diff --git a/specs/backend-api.graphql b/specs/backend-api.graphql
index f4e184524..12e112354 100644
--- a/specs/backend-api.graphql
+++ b/specs/backend-api.graphql
@@ -94,6 +94,8 @@ type Mutation {
   sendResetMail(email: String!, project: String!): Boolean!
   "Signs in an administrator"
   signIn(authData: AuthDataInput!, project: String!): SignInPayload!
+  "Updates the data privacy policy of a region"
+  updateDataPrivacy(dataPrivacyText: String!, regionId: Int!): Boolean!
 }
 
 type PhysicalStore {

From 51ebb9a1a1dcd8a606193d51867acc303808ee02 Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 29 Nov 2022 14:43:19 +0100
Subject: [PATCH 07/30] 638: update db schema to make dataPrivacy nullabled,
 pass dataPrivacy to apply for eak, fix reload document on region NavLink, add
 route for data-privacy-policy with base policy

---
 administration/src/App.tsx                    |  2 ++
 .../components/ApplyController.tsx            | 12 +++++----
 .../application/components/BasicDialog.tsx    | 23 +++++++++++++----
 .../components/forms/ApplicationForm.tsx      | 25 ++++++++++++++++---
 .../components/forms/PersonalDataForm.tsx     | 20 +--------------
 .../src/components/DataPrivacyPolicy.tsx      | 23 +++++++++++++++++
 .../src/components/home/HomeController.tsx    |  2 +-
 .../src/components/regions/RegionOverview.tsx |  2 +-
 .../src/constants/dataPrivacyBase.ts          |  4 +--
 .../backend/regions/database/Schema.kt        |  2 +-
 .../backend/regions/database/Setup.kt         |  2 --
 11 files changed, 77 insertions(+), 40 deletions(-)
 create mode 100644 administration/src/components/DataPrivacyPolicy.tsx

diff --git a/administration/src/App.tsx b/administration/src/App.tsx
index 050c444c0..0f957cf16 100644
--- a/administration/src/App.tsx
+++ b/administration/src/App.tsx
@@ -21,6 +21,7 @@ import ForgotPasswordController from './components/auth/ForgotPasswordController
 import ApplyController from './application/components/ApplyController'
 import { createUploadLink } from 'apollo-upload-client'
 import {Role} from "./generated/graphql";
+import DataPrivacyPolicy from "./components/DataPrivacyPolicy";
 
 if (!process.env.REACT_APP_API_BASE_URL) {
   throw new Error('REACT_APP_API_BASE_URL is not set!')
@@ -62,6 +63,7 @@ const App = () => (
               <BrowserRouter>
                 <Routes>
                   <Route path={'/forgot-password'} element={<ForgotPasswordController />} />
+                    <Route path={'/data-privacy-policy'} element={<DataPrivacyPolicy/>}/>
                   <Route path={'/apply-for-eak'} element={<ApplyController />} />
                   <Route path={'/reset-password/:passwordResetKey'} element={<ResetPasswordController />} />
                   <Route
diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index 3c06b96cc..3e887df2e 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -4,7 +4,7 @@ import '@fontsource/roboto/500.css'
 import '@fontsource/roboto/700.css'
 import SendIcon from '@mui/icons-material/Send'
 
-import { useAddBlueEakApplicationMutation } from '../../generated/graphql'
+import {useAddBlueEakApplicationMutation, useGetDataPolicyQuery} from '../../generated/graphql'
 import { Button, DialogActions } from '@mui/material'
 import useLocallyStoredState from '../useLocallyStoredState'
 import DiscardAllInputsButton from './DiscardAllInputsButton'
@@ -14,10 +14,14 @@ import { useMemo } from 'react'
 import { SnackbarProvider, useSnackbar } from 'notistack'
 
 const applicationStorageKey = 'applicationState'
+const regionId = 1 // TODO: Add a mechanism to retrieve the regionId
+
 
 const ApplyController = () => {
   const [addBlueEakApplication] = useAddBlueEakApplicationMutation()
   const [state, setState] = useLocallyStoredState(ApplicationForm.initialState, applicationStorageKey)
+  // TODO use retrieved regionId
+  const {loading, data: policyData} = useGetDataPolicyQuery({variables:{regionId: regionId},  onError: error => console.error(error)})
   const arrayBufferManagerInitialized = useInitializeGlobalArrayBuffersManager()
   const getArrayBufferKeys = useMemo(
     () => (state === null ? null : () => ApplicationForm.getArrayBufferKeys(state)),
@@ -26,7 +30,7 @@ const ApplyController = () => {
   const { enqueueSnackbar } = useSnackbar()
   useGarbageCollectArrayBuffers(getArrayBufferKeys)
   // state is null, if it's still being loaded from storage (e.g. after a page reload)
-  if (state == null || !arrayBufferManagerInitialized) {
+  if (state == null || !arrayBufferManagerInitialized || loading) {
     return null
   }
 
@@ -39,8 +43,6 @@ const ApplyController = () => {
       return
     }
 
-    const regionId = 1 // TODO: Add a mechanism to retrieve the regionId
-
     addBlueEakApplication({
       variables: {
         regionId, // TODO: Add a mechanism to retrieve the regionId
@@ -58,7 +60,7 @@ const ApplyController = () => {
             e.preventDefault()
             submit()
           }}>
-          <ApplicationForm.Component state={state} setState={setState} />
+          <ApplicationForm.Component state={state} setState={setState}  privacyPolicy={policyData?.dataPolicy.dataPrivacyPolicy ?? ''}/>
           <DialogActions>
             <DiscardAllInputsButton discardAll={() => setState(() => ApplicationForm.initialState)} />
             <Button endIcon={<SendIcon />} variant='contained' type='submit'>
diff --git a/administration/src/application/components/BasicDialog.tsx b/administration/src/application/components/BasicDialog.tsx
index cf6ee5e80..63b906938 100644
--- a/administration/src/application/components/BasicDialog.tsx
+++ b/administration/src/application/components/BasicDialog.tsx
@@ -1,5 +1,19 @@
 import {Icon, IconSize} from '@blueprintjs/core'
 import {Breakpoint, Dialog, DialogContent, DialogContentText, DialogTitle} from '@mui/material'
+import styled from 'styled-components'
+
+const CloseIcon = styled(Icon)`
+align-self: center;
+  cursor: pointer;
+`
+
+const StyledDialogTitle = styled(DialogTitle)`
+display: flex;
+  justify-content: space-between;
+`
+
+const StyledDialogText = styled(DialogContentText)`
+white-space: pre-line`
 
 const BasicDialog = ({
                          open,
@@ -16,17 +30,16 @@ const BasicDialog = ({
 }) => {
     return (
         <Dialog open={open} onBackdropClick={() => onUpdateOpen(false)} maxWidth={maxWidth}>
-            <DialogTitle style={{display: 'flex', justifyContent: 'space-between'}}>
+            <StyledDialogTitle>
                 {title}
-                <Icon
+                <CloseIcon
                     icon="cross"
                     onClick={() => onUpdateOpen(false)}
-                    style={{alignSelf: 'center'}}
                     size={IconSize.LARGE}
                 />
-            </DialogTitle>
+            </StyledDialogTitle>
             <DialogContent>
-                <DialogContentText style={{whiteSpace: 'pre-line'}}>{content}</DialogContentText>
+                <StyledDialogText>{content}</StyledDialogText>
             </DialogContent>
         </Dialog>
     )
diff --git a/administration/src/application/components/forms/ApplicationForm.tsx b/administration/src/application/components/forms/ApplicationForm.tsx
index 8f46c64b0..bee2a2ef7 100644
--- a/administration/src/application/components/forms/ApplicationForm.tsx
+++ b/administration/src/application/components/forms/ApplicationForm.tsx
@@ -1,10 +1,12 @@
 import { SetState, useUpdateStateCallback } from '../../useUpdateStateCallback'
 import { ApplicationType, BlueCardApplicationInput, BlueCardEntitlementType } from '../../../generated/graphql'
 import SwitchDisplay from '../SwitchDisplay'
-import { FormControl, FormControlLabel, FormLabel, Radio, RadioGroup } from '@mui/material'
+import {Checkbox, FormControl, FormControlLabel, FormGroup, FormLabel, Radio, RadioGroup } from '@mui/material'
 import { Form } from '../../FormType'
 import StandardEntitlementForm, { StandardEntitlementFormState } from './StandardEntitlementForm'
 import PersonalDataForm, { PersonalDataFormState } from './PersonalDataForm'
+import BasicDialog from "../BasicDialog";
+import {dataPrivacyBaseHeadline, dataPrivacyBaseText} from "../../../constants/dataPrivacyBase";
 
 const EntitlementTypeInput = ({
   state,
@@ -31,15 +33,21 @@ export type ApplicationFormState = {
   entitlementType: BlueCardEntitlementType | null
   standardEntitlement: StandardEntitlementFormState
   personalData: PersonalDataFormState
+  hasAcceptedPrivacyPolicy: boolean
+  openPrivacyPolicy: boolean
 }
 type ValidatedInput = BlueCardApplicationInput
 type Options = {}
-type AdditionalProps = {}
+type AdditionalProps = {
+  privacyPolicy: string
+}
 const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, AdditionalProps> = {
   initialState: {
     entitlementType: null,
     standardEntitlement: StandardEntitlementForm.initialState,
     personalData: PersonalDataForm.initialState,
+    hasAcceptedPrivacyPolicy: false,
+    openPrivacyPolicy: false
   },
   getArrayBufferKeys: state => [
     ...StandardEntitlementForm.getArrayBufferKeys(state.standardEntitlement),
@@ -60,7 +68,7 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
               workAtOrganizations: workAtOrganizations.value,
             },
             personalData: personalData.value,
-            hasAcceptedPrivacyPolicy: true, // TODO: Add a corresponding field
+            hasAcceptedPrivacyPolicy: state.hasAcceptedPrivacyPolicy,
             applicationType: ApplicationType.FirstApplication, // TODO: Add a corresponding field
             givenInformationIsCorrectAndComplete: true, // TODO: Add a corresponding field
           },
@@ -69,7 +77,7 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
         throw Error('Not yet implemented.')
     }
   },
-  Component: ({ state, setState }) => (
+  Component: ({ state, setState,privacyPolicy}) => (
     <>
       <EntitlementTypeInput
         state={state.entitlementType}
@@ -91,6 +99,15 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
         state={state.personalData}
         setState={useUpdateStateCallback(setState, 'personalData')}
       />
+      <FormGroup row>
+        <Checkbox
+            checked={state.hasAcceptedPrivacyPolicy}
+            onChange={e => setState(state => ({...state, hasAcceptedPrivacyPolicy: e.target.checked}))}
+            required
+        />
+        <div style={{alignSelf: 'center'}}>Ich akzeptiere die <a onClick={()=>setState(state => ({...state, openPrivacyPolicy: true}))}>Datenschutzerklärung</a></div>
+      </FormGroup>
+      <BasicDialog open={state.openPrivacyPolicy} maxWidth='lg' onUpdateOpen={()=>setState(state => ({...state, openPrivacyPolicy: false}))} title={dataPrivacyBaseHeadline} content={`${dataPrivacyBaseText}\n${privacyPolicy}`}/>
     </>
   ),
 }
diff --git a/administration/src/application/components/forms/PersonalDataForm.tsx b/administration/src/application/components/forms/PersonalDataForm.tsx
index 095fc3bb6..bbe1dde97 100644
--- a/administration/src/application/components/forms/PersonalDataForm.tsx
+++ b/administration/src/application/components/forms/PersonalDataForm.tsx
@@ -5,9 +5,6 @@ import ShortTextForm, { ShortTextFormState } from '../primitive-inputs/ShortText
 import DateForm, { DateFormState } from '../primitive-inputs/DateForm'
 import { useUpdateStateCallback } from '../../useUpdateStateCallback'
 import { Form } from '../../FormType'
-import BasicDialog from "../BasicDialog";
-import { dataPrivacyBaseHeadline, dataPrivacyBaseText } from "../../../constants/dataPrivacyBase";
-import { Checkbox, FormGroup } from '@mui/material'
 
 export type PersonalDataFormState = {
   forenames: ShortTextFormState
@@ -16,8 +13,6 @@ export type PersonalDataFormState = {
   emailAddress: EmailFormState
   telephone: ShortTextFormState
   dateOfBirth: DateFormState
-  dataPrivacyAccepted: boolean,
-  dataPrivacyModal: boolean
 }
 type ValidatedInput = PersonalDataInput
 type Options = {}
@@ -30,8 +25,6 @@ const PersonalDataForm: Form<PersonalDataFormState, Options, ValidatedInput, Add
     emailAddress: EmailForm.initialState,
     telephone: ShortTextForm.initialState,
     dateOfBirth: DateForm.initialState,
-    dataPrivacyAccepted: false,
-    dataPrivacyModal: false
   },
   getArrayBufferKeys: state => [
     ...ShortTextForm.getArrayBufferKeys(state.forenames),
@@ -48,15 +41,13 @@ const PersonalDataForm: Form<PersonalDataFormState, Options, ValidatedInput, Add
     const emailAddress = EmailForm.getValidatedInput(state.emailAddress)
     const telephone = ShortTextForm.getValidatedInput(state.telephone)
     const dateOfBirth = DateForm.getValidatedInput(state.dateOfBirth)
-    const dataPrivacyAccepted = state.dataPrivacyAccepted
     if (
       forenames.type === 'error' ||
       surname.type === 'error' ||
       address.type === 'error' ||
       emailAddress.type === 'error' ||
       telephone.type === 'error' ||
-      dateOfBirth.type === 'error' ||
-      dataPrivacyAccepted === false
+      dateOfBirth.type === 'error'
     )
       return { type: 'error' }
     return {
@@ -109,15 +100,6 @@ const PersonalDataForm: Form<PersonalDataFormState, Options, ValidatedInput, Add
         setState={useUpdateStateCallback(setState, 'telephone')}
         label='Telefon'
       />
-      <FormGroup row>
-         <Checkbox
-                checked={state.dataPrivacyAccepted}
-                onChange={e => setState(state => ({...state, dataPrivacyAccepted: e.target.checked}))}
-                required
-            />
-            <div style={{alignSelf: 'center'}}>Ich akzeptiere die <a onClick={()=>setState(state => ({...state, dataPrivacyModal: true}))}>Datenschutzerklärung</a></div>
-      </FormGroup>
-      <BasicDialog open={state.dataPrivacyModal} maxWidth='lg' onUpdateOpen={()=>setState(state => ({...state, dataPrivacyModal: false}))} title={dataPrivacyBaseHeadline} content={dataPrivacyBaseText}/>
     </>
   ),
 }
diff --git a/administration/src/components/DataPrivacyPolicy.tsx b/administration/src/components/DataPrivacyPolicy.tsx
new file mode 100644
index 000000000..0c5353b9d
--- /dev/null
+++ b/administration/src/components/DataPrivacyPolicy.tsx
@@ -0,0 +1,23 @@
+import { H1 } from '@blueprintjs/core';
+import React, {ReactElement} from 'react';
+import styled from 'styled-components';
+import {dataPrivacyBaseHeadline, dataPrivacyBaseText} from "../constants/dataPrivacyBase";
+
+const Content = styled.div`
+white-space: pre-line;
+  margin-top: 2rem;
+`
+const Container = styled.div`
+max-width: 60%;
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+`
+const DataPrivacyPolicy = (): ReactElement =>
+    <Container>
+        <H1>{dataPrivacyBaseHeadline}</H1>
+        <Content>{dataPrivacyBaseText}</Content>
+    </Container>
+
+
+export default DataPrivacyPolicy;
diff --git a/administration/src/components/home/HomeController.tsx b/administration/src/components/home/HomeController.tsx
index d6a028b24..f602ab2bd 100644
--- a/administration/src/components/home/HomeController.tsx
+++ b/administration/src/components/home/HomeController.tsx
@@ -25,7 +25,7 @@ const HomeController = () => {
            <NavLink to={'/users'}>
              <Button style={{ margin: '10px' }} icon='people' text='Benutzer verwalten' />
            </NavLink>
-           <NavLink to={'/region'}>
+           <NavLink to={'/region'} reloadDocument>
               <Button style={{ margin: '10px' }} icon='path-search' text='Region verwalten' />
            </NavLink>
          </>
diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 8ff0d4dc8..2a75139df 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -53,7 +53,7 @@ const RegionOverview = ({dataPrivacyPolicy, regionId}: RegionOverviewProps): Rea
         } else {
             appToaster?.show({
                 intent: 'success',
-                message: 'Datenschutzerklärungerfolgreich geändert.',
+                message: 'Datenschutzerklärung erfolgreich geändert.',
             })
         }
     } catch (e) {
diff --git a/administration/src/constants/dataPrivacyBase.ts b/administration/src/constants/dataPrivacyBase.ts
index de22a84a8..0338f494c 100644
--- a/administration/src/constants/dataPrivacyBase.ts
+++ b/administration/src/constants/dataPrivacyBase.ts
@@ -3,8 +3,8 @@ export const dataPrivacyBaseText = 'Diese Datenschutzerklärung bezieht sich auf
     'Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. \n\n' +
     'Der gesamte Programmcode der digitalen bayerischen Ehrenamtskarte ist darüber hinaus quelloffen lizenziert unter der MIT-Lizenz und kann hier eingesehen werden:\n https://github.com/digitalfabrik/entitlementcard\n\n' +
     'Für nähere Informationen zur Verarbeitung Ihrer personenbezogenen Daten können Sie uns unter den unten genannten Kontaktdaten erreichen.\n\n' +
-    'Name und Kontaktdaten des Verantwortlichen im Sinne des §7 TMG\nChristian K. J. Diener\nLeiter Referat Öffentlichkeitsarbeit\nTelefon: 089 1261-1640\nTelefax: 089 1261-181640\nE-Mail: Oeffentlichkeitsarbeit@stmas.bayern.de \n' +
-    'Kontaktdaten der Datenschutzbeauftragten\n\nTür an Tür – Digitalfabrik gGmbH\nHerr Daniel Kehne\nWertachstr. 29\n86153 Augsburg\n\n' +
+    'Name und Kontaktdaten des Verantwortlichen im Sinne des §7 TMG\nChristian K. J. Diener\nLeiter Referat Öffentlichkeitsarbeit\nTelefon: 089 1261-1640\nTelefax: 089 1261-181640\nE-Mail: Oeffentlichkeitsarbeit@stmas.bayern.de \n\n' +
+    'Kontaktdaten der Datenschutzbeauftragten\nTür an Tür – Digitalfabrik gGmbH\nHerr Daniel Kehne\nWertachstr. 29\n86153 Augsburg\n\n' +
     'E-Mail: digitalfabrik@tuerantuer.de\nTelefon: 0821 20990556\n\n' +
     'Allgemeines zum Thema Datenschutz finden Sie auf der Website des Bayerischen Landesbeauftragten für den Datenschutz (https://www.datenschutz-bayern.de). \n\n' +
     'Haftung im Sinne §§ 7 - 10 TMG\n' +
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt
index f392aa2ae..118e7e563 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt
@@ -12,7 +12,7 @@ object Regions : IntIdTable() {
     val website = varchar("website", 400)
     val name = varchar("name", 100)
     val prefix = varchar("prefix", 30) // Usually "Stadt" or "Landkreis"
-    val dataPrivacyPolicy = varchar("dataPrivacyPolicy", 4000)
+    val dataPrivacyPolicy = varchar("dataPrivacyPolicy", 20000).nullable()
 }
 
 class RegionEntity(id: EntityID<Int>) : IntEntity(id) {
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Setup.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Setup.kt
index 1f659051a..6a5b48780 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Setup.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Setup.kt
@@ -26,13 +26,11 @@ fun setupDatabase() {
                     prefix = eakRegion[0]
                     regionIdentifier = eakRegion[2]
                     website = eakRegion[3]
-                    dataPrivacyPolicy = "Lore ipsum"
                 }
             } else {
                 dbRegion.name = eakRegion[1]
                 dbRegion.prefix = eakRegion[0]
                 dbRegion.website = eakRegion[3]
-                dbRegion.dataPrivacyPolicy = "Lore ipsum"
             }
         }
     }

From 8a0c4d6cec2393999cb2b86378630be51abea50e Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 29 Nov 2022 14:58:32 +0100
Subject: [PATCH 08/30] 638: update format

---
 .../application/components/BasicDialog.tsx    |  2 +-
 .../components/forms/ApplicationForm.tsx      |  2 +-
 .../src/components/DataPrivacyPolicy.tsx      |  6 ++---
 .../src/components/home/HomeController.tsx    | 23 ++++++++++++++-----
 4 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/administration/src/application/components/BasicDialog.tsx b/administration/src/application/components/BasicDialog.tsx
index 63b906938..fa8bcac2a 100644
--- a/administration/src/application/components/BasicDialog.tsx
+++ b/administration/src/application/components/BasicDialog.tsx
@@ -13,7 +13,7 @@ display: flex;
 `
 
 const StyledDialogText = styled(DialogContentText)`
-white-space: pre-line`
+  white-space: pre-line`
 
 const BasicDialog = ({
                          open,
diff --git a/administration/src/application/components/forms/ApplicationForm.tsx b/administration/src/application/components/forms/ApplicationForm.tsx
index bee2a2ef7..617485220 100644
--- a/administration/src/application/components/forms/ApplicationForm.tsx
+++ b/administration/src/application/components/forms/ApplicationForm.tsx
@@ -77,7 +77,7 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
         throw Error('Not yet implemented.')
     }
   },
-  Component: ({ state, setState,privacyPolicy}) => (
+  Component: ({ state, setState, privacyPolicy}) => (
     <>
       <EntitlementTypeInput
         state={state.entitlementType}
diff --git a/administration/src/components/DataPrivacyPolicy.tsx b/administration/src/components/DataPrivacyPolicy.tsx
index 0c5353b9d..67a7978cf 100644
--- a/administration/src/components/DataPrivacyPolicy.tsx
+++ b/administration/src/components/DataPrivacyPolicy.tsx
@@ -4,20 +4,20 @@ import styled from 'styled-components';
 import {dataPrivacyBaseHeadline, dataPrivacyBaseText} from "../constants/dataPrivacyBase";
 
 const Content = styled.div`
-white-space: pre-line;
+  white-space: pre-line;
   margin-top: 2rem;
 `
 const Container = styled.div`
-max-width: 60%;
+  max-width: 60%;
   display: flex;
   flex-direction: column;
   align-self: center;
 `
+
 const DataPrivacyPolicy = (): ReactElement =>
     <Container>
         <H1>{dataPrivacyBaseHeadline}</H1>
         <Content>{dataPrivacyBaseText}</Content>
     </Container>
 
-
 export default DataPrivacyPolicy;
diff --git a/administration/src/components/home/HomeController.tsx b/administration/src/components/home/HomeController.tsx
index f602ab2bd..2be3d4f9f 100644
--- a/administration/src/components/home/HomeController.tsx
+++ b/administration/src/components/home/HomeController.tsx
@@ -3,34 +3,45 @@ import { Button, H3 } from '@blueprintjs/core'
 import { Role } from '../../generated/graphql'
 import { AuthContext } from '../../AuthProvider'
 import { NavLink } from 'react-router-dom'
+import styled from 'styled-components'
+
+const StyledButton = styled(Button)`
+  margin: 10px;
+`
+
+const Container = styled.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+`
 
 const HomeController = () => {
   const role = useContext(AuthContext).data?.administrator.role
 
   return (
-    <div style={{ display: 'flex', alignItems: 'center', flexDirection: 'column' }}>
+    <Container>
       <H3>Wählen Sie eine Aktion aus:</H3>
       {role === Role.RegionAdmin || role === Role.RegionManager ? (
         <>
           <NavLink to={'/applications'}>
-            <Button style={{ margin: '10px' }} icon='form' text='Eingehende Anträge' />
+            <StyledButton icon='form' text='Eingehende Anträge' />
           </NavLink>
           <NavLink to={'/eak-generation'}>
-            <Button style={{ margin: '10px' }} icon='id-number' text='Karten erstellen' />
+            <StyledButton icon='id-number' text='Karten erstellen' />
           </NavLink>
         </>
       ) : null}
       {role === Role.ProjectAdmin || role === Role.RegionAdmin ? (
         <>
            <NavLink to={'/users'}>
-             <Button style={{ margin: '10px' }} icon='people' text='Benutzer verwalten' />
+             <StyledButton icon='people' text='Benutzer verwalten' />
            </NavLink>
            <NavLink to={'/region'} reloadDocument>
-              <Button style={{ margin: '10px' }} icon='path-search' text='Region verwalten' />
+              <StyledButton icon='path-search' text='Region verwalten' />
            </NavLink>
          </>
       ) : null}
-    </div>
+    </Container>
   )
 }
 

From 5796fb0aad361253c4c1fc5e80f8b6bddf847337 Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 29 Nov 2022 15:00:42 +0100
Subject: [PATCH 09/30] 638: update format #2

---
 administration/src/application/components/BasicDialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/administration/src/application/components/BasicDialog.tsx b/administration/src/application/components/BasicDialog.tsx
index fa8bcac2a..e28b106ac 100644
--- a/administration/src/application/components/BasicDialog.tsx
+++ b/administration/src/application/components/BasicDialog.tsx
@@ -3,12 +3,12 @@ import {Breakpoint, Dialog, DialogContent, DialogContentText, DialogTitle} from
 import styled from 'styled-components'
 
 const CloseIcon = styled(Icon)`
-align-self: center;
+  align-self: center;
   cursor: pointer;
 `
 
 const StyledDialogTitle = styled(DialogTitle)`
-display: flex;
+  display: flex;
   justify-content: space-between;
 `
 

From 1553bd42aec50fe1d57578f85c530b9d55b009c8 Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 29 Nov 2022 15:07:15 +0100
Subject: [PATCH 10/30] 638: prettier

---
 administration/src/App.tsx                    | 15 ++--
 administration/src/ErrorHandler.tsx           | 28 +++---
 .../components/ApplyController.tsx            | 14 ++-
 .../application/components/BasicDialog.tsx    | 55 ++++++------
 .../components/forms/ApplicationForm.tsx      | 29 +++---
 .../src/components/DataPrivacyPolicy.tsx      | 21 ++---
 .../applications/ApplicationsController.tsx   |  5 +-
 .../src/components/home/HomeController.tsx    | 14 +--
 .../components/regions/RegionController.tsx   | 53 +++++------
 .../src/components/regions/RegionOverview.tsx | 90 +++++++++----------
 .../src/constants/dataPrivacyBase.ts          | 78 ++++++++--------
 11 files changed, 209 insertions(+), 193 deletions(-)

diff --git a/administration/src/App.tsx b/administration/src/App.tsx
index 0f957cf16..6e9c01088 100644
--- a/administration/src/App.tsx
+++ b/administration/src/App.tsx
@@ -20,8 +20,8 @@ import ResetPasswordController from './components/auth/ResetPasswordController'
 import ForgotPasswordController from './components/auth/ForgotPasswordController'
 import ApplyController from './application/components/ApplyController'
 import { createUploadLink } from 'apollo-upload-client'
-import {Role} from "./generated/graphql";
-import DataPrivacyPolicy from "./components/DataPrivacyPolicy";
+import { Role } from './generated/graphql'
+import DataPrivacyPolicy from './components/DataPrivacyPolicy'
 
 if (!process.env.REACT_APP_API_BASE_URL) {
   throw new Error('REACT_APP_API_BASE_URL is not set!')
@@ -63,7 +63,7 @@ const App = () => (
               <BrowserRouter>
                 <Routes>
                   <Route path={'/forgot-password'} element={<ForgotPasswordController />} />
-                    <Route path={'/data-privacy-policy'} element={<DataPrivacyPolicy/>}/>
+                  <Route path={'/data-privacy-policy'} element={<DataPrivacyPolicy />} />
                   <Route path={'/apply-for-eak'} element={<ApplyController />} />
                   <Route path={'/reset-password/:passwordResetKey'} element={<ResetPasswordController />} />
                   <Route
@@ -81,9 +81,12 @@ const App = () => (
                                   path={'/applications'}
                                   element={<ApplicationsController token={authData.token} />}
                                 />
-                                 <Route path={'/region'}
-                                        element={isAdmin(authData.administrator.role) ? <RegionsController/> : <Navigate to={'/'}/>}
-                                 />
+                                <Route
+                                  path={'/region'}
+                                  element={
+                                    isAdmin(authData.administrator.role) ? <RegionsController /> : <Navigate to={'/'} />
+                                  }
+                                />
                                 <Route path={'/eak-generation'} element={<GenerationController />} />
                                 <Route path={'/user-settings'} element={<UserSettingsController />} />
                                 <Route path={'*'} element={<HomeController />} />
diff --git a/administration/src/ErrorHandler.tsx b/administration/src/ErrorHandler.tsx
index 88127cb19..7cdb6ab48 100644
--- a/administration/src/ErrorHandler.tsx
+++ b/administration/src/ErrorHandler.tsx
@@ -1,19 +1,19 @@
-import {Button, Card, H3 } from '@blueprintjs/core';
-import React, {ReactElement} from 'react';
+import { Button, Card, H3 } from '@blueprintjs/core'
+import React, { ReactElement } from 'react'
 
 type ErrorHandlerProps = {
-    refetch: ()=>void
+  refetch: () => void
 }
 
-const ErrorHandler = ({refetch}: ErrorHandlerProps): ReactElement => {
-    return (
-        <Card>
-            <H3>Ein Fehler ist aufgetreten.</H3>
-            <Button intent='primary' onClick={() => refetch()}>
-                Erneut versuchen
-            </Button>
-        </Card>
-    )
-};
+const ErrorHandler = ({ refetch }: ErrorHandlerProps): ReactElement => {
+  return (
+    <Card>
+      <H3>Ein Fehler ist aufgetreten.</H3>
+      <Button intent='primary' onClick={() => refetch()}>
+        Erneut versuchen
+      </Button>
+    </Card>
+  )
+}
 
-export default ErrorHandler;
+export default ErrorHandler
diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index 3e887df2e..ed660c0ff 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -4,7 +4,7 @@ import '@fontsource/roboto/500.css'
 import '@fontsource/roboto/700.css'
 import SendIcon from '@mui/icons-material/Send'
 
-import {useAddBlueEakApplicationMutation, useGetDataPolicyQuery} from '../../generated/graphql'
+import { useAddBlueEakApplicationMutation, useGetDataPolicyQuery } from '../../generated/graphql'
 import { Button, DialogActions } from '@mui/material'
 import useLocallyStoredState from '../useLocallyStoredState'
 import DiscardAllInputsButton from './DiscardAllInputsButton'
@@ -16,12 +16,14 @@ import { SnackbarProvider, useSnackbar } from 'notistack'
 const applicationStorageKey = 'applicationState'
 const regionId = 1 // TODO: Add a mechanism to retrieve the regionId
 
-
 const ApplyController = () => {
   const [addBlueEakApplication] = useAddBlueEakApplicationMutation()
   const [state, setState] = useLocallyStoredState(ApplicationForm.initialState, applicationStorageKey)
   // TODO use retrieved regionId
-  const {loading, data: policyData} = useGetDataPolicyQuery({variables:{regionId: regionId},  onError: error => console.error(error)})
+  const { loading, data: policyData } = useGetDataPolicyQuery({
+    variables: { regionId: regionId },
+    onError: error => console.error(error),
+  })
   const arrayBufferManagerInitialized = useInitializeGlobalArrayBuffersManager()
   const getArrayBufferKeys = useMemo(
     () => (state === null ? null : () => ApplicationForm.getArrayBufferKeys(state)),
@@ -60,7 +62,11 @@ const ApplyController = () => {
             e.preventDefault()
             submit()
           }}>
-          <ApplicationForm.Component state={state} setState={setState}  privacyPolicy={policyData?.dataPolicy.dataPrivacyPolicy ?? ''}/>
+          <ApplicationForm.Component
+            state={state}
+            setState={setState}
+            privacyPolicy={policyData?.dataPolicy.dataPrivacyPolicy ?? ''}
+          />
           <DialogActions>
             <DiscardAllInputsButton discardAll={() => setState(() => ApplicationForm.initialState)} />
             <Button endIcon={<SendIcon />} variant='contained' type='submit'>
diff --git a/administration/src/application/components/BasicDialog.tsx b/administration/src/application/components/BasicDialog.tsx
index e28b106ac..657565739 100644
--- a/administration/src/application/components/BasicDialog.tsx
+++ b/administration/src/application/components/BasicDialog.tsx
@@ -1,5 +1,5 @@
-import {Icon, IconSize} from '@blueprintjs/core'
-import {Breakpoint, Dialog, DialogContent, DialogContentText, DialogTitle} from '@mui/material'
+import { Icon, IconSize } from '@blueprintjs/core'
+import { Breakpoint, Dialog, DialogContent, DialogContentText, DialogTitle } from '@mui/material'
 import styled from 'styled-components'
 
 const CloseIcon = styled(Icon)`
@@ -13,36 +13,33 @@ const StyledDialogTitle = styled(DialogTitle)`
 `
 
 const StyledDialogText = styled(DialogContentText)`
-  white-space: pre-line`
+  white-space: pre-line;
+`
 
 const BasicDialog = ({
-                         open,
-                         onUpdateOpen,
-                         title,
-                         content,
-                         maxWidth
-                     }: {
-    open: boolean
-    onUpdateOpen: (open: boolean) => void
-    title: string
-    content: string
-    maxWidth?: Breakpoint | false
+  open,
+  onUpdateOpen,
+  title,
+  content,
+  maxWidth,
+}: {
+  open: boolean
+  onUpdateOpen: (open: boolean) => void
+  title: string
+  content: string
+  maxWidth?: Breakpoint | false
 }) => {
-    return (
-        <Dialog open={open} onBackdropClick={() => onUpdateOpen(false)} maxWidth={maxWidth}>
-            <StyledDialogTitle>
-                {title}
-                <CloseIcon
-                    icon="cross"
-                    onClick={() => onUpdateOpen(false)}
-                    size={IconSize.LARGE}
-                />
-            </StyledDialogTitle>
-            <DialogContent>
-                <StyledDialogText>{content}</StyledDialogText>
-            </DialogContent>
-        </Dialog>
-    )
+  return (
+    <Dialog open={open} onBackdropClick={() => onUpdateOpen(false)} maxWidth={maxWidth}>
+      <StyledDialogTitle>
+        {title}
+        <CloseIcon icon='cross' onClick={() => onUpdateOpen(false)} size={IconSize.LARGE} />
+      </StyledDialogTitle>
+      <DialogContent>
+        <StyledDialogText>{content}</StyledDialogText>
+      </DialogContent>
+    </Dialog>
+  )
 }
 
 export default BasicDialog
diff --git a/administration/src/application/components/forms/ApplicationForm.tsx b/administration/src/application/components/forms/ApplicationForm.tsx
index 617485220..bdf7ec1af 100644
--- a/administration/src/application/components/forms/ApplicationForm.tsx
+++ b/administration/src/application/components/forms/ApplicationForm.tsx
@@ -1,12 +1,12 @@
 import { SetState, useUpdateStateCallback } from '../../useUpdateStateCallback'
 import { ApplicationType, BlueCardApplicationInput, BlueCardEntitlementType } from '../../../generated/graphql'
 import SwitchDisplay from '../SwitchDisplay'
-import {Checkbox, FormControl, FormControlLabel, FormGroup, FormLabel, Radio, RadioGroup } from '@mui/material'
+import { Checkbox, FormControl, FormControlLabel, FormGroup, FormLabel, Radio, RadioGroup } from '@mui/material'
 import { Form } from '../../FormType'
 import StandardEntitlementForm, { StandardEntitlementFormState } from './StandardEntitlementForm'
 import PersonalDataForm, { PersonalDataFormState } from './PersonalDataForm'
-import BasicDialog from "../BasicDialog";
-import {dataPrivacyBaseHeadline, dataPrivacyBaseText} from "../../../constants/dataPrivacyBase";
+import BasicDialog from '../BasicDialog'
+import { dataPrivacyBaseHeadline, dataPrivacyBaseText } from '../../../constants/dataPrivacyBase'
 
 const EntitlementTypeInput = ({
   state,
@@ -47,7 +47,7 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
     standardEntitlement: StandardEntitlementForm.initialState,
     personalData: PersonalDataForm.initialState,
     hasAcceptedPrivacyPolicy: false,
-    openPrivacyPolicy: false
+    openPrivacyPolicy: false,
   },
   getArrayBufferKeys: state => [
     ...StandardEntitlementForm.getArrayBufferKeys(state.standardEntitlement),
@@ -77,7 +77,7 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
         throw Error('Not yet implemented.')
     }
   },
-  Component: ({ state, setState, privacyPolicy}) => (
+  Component: ({ state, setState, privacyPolicy }) => (
     <>
       <EntitlementTypeInput
         state={state.entitlementType}
@@ -101,13 +101,22 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
       />
       <FormGroup row>
         <Checkbox
-            checked={state.hasAcceptedPrivacyPolicy}
-            onChange={e => setState(state => ({...state, hasAcceptedPrivacyPolicy: e.target.checked}))}
-            required
+          checked={state.hasAcceptedPrivacyPolicy}
+          onChange={e => setState(state => ({ ...state, hasAcceptedPrivacyPolicy: e.target.checked }))}
+          required
         />
-        <div style={{alignSelf: 'center'}}>Ich akzeptiere die <a onClick={()=>setState(state => ({...state, openPrivacyPolicy: true}))}>Datenschutzerklärung</a></div>
+        <div style={{ alignSelf: 'center' }}>
+          Ich akzeptiere die{' '}
+          <a onClick={() => setState(state => ({ ...state, openPrivacyPolicy: true }))}>Datenschutzerklärung</a>
+        </div>
       </FormGroup>
-      <BasicDialog open={state.openPrivacyPolicy} maxWidth='lg' onUpdateOpen={()=>setState(state => ({...state, openPrivacyPolicy: false}))} title={dataPrivacyBaseHeadline} content={`${dataPrivacyBaseText}\n${privacyPolicy}`}/>
+      <BasicDialog
+        open={state.openPrivacyPolicy}
+        maxWidth='lg'
+        onUpdateOpen={() => setState(state => ({ ...state, openPrivacyPolicy: false }))}
+        title={dataPrivacyBaseHeadline}
+        content={`${dataPrivacyBaseText}\n${privacyPolicy}`}
+      />
     </>
   ),
 }
diff --git a/administration/src/components/DataPrivacyPolicy.tsx b/administration/src/components/DataPrivacyPolicy.tsx
index 67a7978cf..7e8fafd1c 100644
--- a/administration/src/components/DataPrivacyPolicy.tsx
+++ b/administration/src/components/DataPrivacyPolicy.tsx
@@ -1,7 +1,7 @@
-import { H1 } from '@blueprintjs/core';
-import React, {ReactElement} from 'react';
-import styled from 'styled-components';
-import {dataPrivacyBaseHeadline, dataPrivacyBaseText} from "../constants/dataPrivacyBase";
+import { H1 } from '@blueprintjs/core'
+import React, { ReactElement } from 'react'
+import styled from 'styled-components'
+import { dataPrivacyBaseHeadline, dataPrivacyBaseText } from '../constants/dataPrivacyBase'
 
 const Content = styled.div`
   white-space: pre-line;
@@ -14,10 +14,11 @@ const Container = styled.div`
   align-self: center;
 `
 
-const DataPrivacyPolicy = (): ReactElement =>
-    <Container>
-        <H1>{dataPrivacyBaseHeadline}</H1>
-        <Content>{dataPrivacyBaseText}</Content>
-    </Container>
+const DataPrivacyPolicy = (): ReactElement => (
+  <Container>
+    <H1>{dataPrivacyBaseHeadline}</H1>
+    <Content>{dataPrivacyBaseText}</Content>
+  </Container>
+)
 
-export default DataPrivacyPolicy;
+export default DataPrivacyPolicy
diff --git a/administration/src/components/applications/ApplicationsController.tsx b/administration/src/components/applications/ApplicationsController.tsx
index 0e426f885..891b55c34 100644
--- a/administration/src/components/applications/ApplicationsController.tsx
+++ b/administration/src/components/applications/ApplicationsController.tsx
@@ -3,7 +3,7 @@ import { Spinner } from '@blueprintjs/core'
 import { RegionContext } from '../../RegionProvider'
 import ApplicationsOverview from './ApplicationsOverview'
 import { Region, useGetApplicationsQuery } from '../../generated/graphql'
-import ErrorHandler from "../../ErrorHandler";
+import ErrorHandler from '../../ErrorHandler'
 
 const ApplicationsController = (props: { region: Region; token: string }) => {
   const { loading, error, data, refetch } = useGetApplicationsQuery({
@@ -11,8 +11,7 @@ const ApplicationsController = (props: { region: Region; token: string }) => {
     onError: error => console.error(error),
   })
   if (loading) return <Spinner />
-  else if (error || !data)
-    return <ErrorHandler refetch={refetch}/>
+  else if (error || !data) return <ErrorHandler refetch={refetch} />
   else return <ApplicationsOverview applications={data.applications} token={props.token} />
 }
 
diff --git a/administration/src/components/home/HomeController.tsx b/administration/src/components/home/HomeController.tsx
index 2be3d4f9f..22c92cf4f 100644
--- a/administration/src/components/home/HomeController.tsx
+++ b/administration/src/components/home/HomeController.tsx
@@ -33,13 +33,13 @@ const HomeController = () => {
       ) : null}
       {role === Role.ProjectAdmin || role === Role.RegionAdmin ? (
         <>
-           <NavLink to={'/users'}>
-             <StyledButton icon='people' text='Benutzer verwalten' />
-           </NavLink>
-           <NavLink to={'/region'} reloadDocument>
-              <StyledButton icon='path-search' text='Region verwalten' />
-           </NavLink>
-         </>
+          <NavLink to={'/users'}>
+            <StyledButton icon='people' text='Benutzer verwalten' />
+          </NavLink>
+          <NavLink to={'/region'} reloadDocument>
+            <StyledButton icon='path-search' text='Region verwalten' />
+          </NavLink>
+        </>
       ) : null}
     </Container>
   )
diff --git a/administration/src/components/regions/RegionController.tsx b/administration/src/components/regions/RegionController.tsx
index c56d565d5..04f74bd44 100644
--- a/administration/src/components/regions/RegionController.tsx
+++ b/administration/src/components/regions/RegionController.tsx
@@ -1,31 +1,32 @@
-import React, {ReactElement, useContext} from 'react';
-import {RegionContext} from "../../RegionProvider";
-import RegionOverview from "./RegionOverview";
-import {Region, useGetDataPolicyQuery} from "../../generated/graphql";
-import ErrorHandler from "../../ErrorHandler";
-import { Spinner } from '@blueprintjs/core';
+import React, { ReactElement, useContext } from 'react'
+import { RegionContext } from '../../RegionProvider'
+import RegionOverview from './RegionOverview'
+import { Region, useGetDataPolicyQuery } from '../../generated/graphql'
+import ErrorHandler from '../../ErrorHandler'
+import { Spinner } from '@blueprintjs/core'
 
-
-const RegionController = (props: { region: Region}) => {
-    const {region} = props
-    const {loading, error, data, refetch} = useGetDataPolicyQuery({variables:{regionId: region.id},  onError: error => console.error(error)})
-    if (loading) return <Spinner />
-    else if (error || !data)
-        return <ErrorHandler refetch={refetch}/>
-    else return <RegionOverview dataPrivacyPolicy={data.dataPolicy.dataPrivacyPolicy ?? ''} regionId={region.id}/>
+const RegionController = (props: { region: Region }) => {
+  const { region } = props
+  const { loading, error, data, refetch } = useGetDataPolicyQuery({
+    variables: { regionId: region.id },
+    onError: error => console.error(error),
+  })
+  if (loading) return <Spinner />
+  else if (error || !data) return <ErrorHandler refetch={refetch} />
+  else return <RegionOverview dataPrivacyPolicy={data.dataPolicy.dataPrivacyPolicy ?? ''} regionId={region.id} />
 }
 
 const ControllerWithRegion = (): ReactElement => {
-    const region = useContext(RegionContext)
-    if (region === null) {
-        return (
-            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                <p>Sie sind nicht berechtigt diese Seite aufzurufen.</p>
-            </div>
-        )
-    } else {
-        return <RegionController region={region}  />
-    }
-};
+  const region = useContext(RegionContext)
+  if (region === null) {
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
+        <p>Sie sind nicht berechtigt diese Seite aufzurufen.</p>
+      </div>
+    )
+  } else {
+    return <RegionController region={region} />
+  }
+}
 
-export default ControllerWithRegion;
+export default ControllerWithRegion
diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 2a75139df..826c688fe 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -1,8 +1,8 @@
-import {Button, Card, H4, TextArea} from '@blueprintjs/core';
-import React, {ReactElement, useState} from 'react';
-import styled from 'styled-components';
-import {useUpdateDataPolicyMutation} from "../../generated/graphql";
-import {useAppToaster} from "../AppToaster";
+import { Button, Card, H4, TextArea } from '@blueprintjs/core'
+import React, { ReactElement, useState } from 'react'
+import styled from 'styled-components'
+import { useUpdateDataPolicyMutation } from '../../generated/graphql'
+import { useAppToaster } from '../AppToaster'
 
 const Content = styled.div`
   padding: 0 6rem;
@@ -17,7 +17,7 @@ const Content = styled.div`
 const Label = styled(H4)`
   text-align: center;
 `
-const ButtonBar = styled(({stickyTop: number, ...rest}) => <Card {...rest} />)<{ stickyTop: number }>`
+const ButtonBar = styled(({ stickyTop: number, ...rest }) => <Card {...rest} />)<{ stickyTop: number }>`
   width: 100%;
   padding: 15px;
   background: #fafafa;
@@ -34,52 +34,50 @@ const ButtonBar = styled(({stickyTop: number, ...rest}) => <Card {...rest} />)<{
 `
 
 type RegionOverviewProps = {
-    dataPrivacyPolicy: string
-    regionId: number
+  dataPrivacyPolicy: string
+  regionId: number
 }
 
-const RegionOverview = ({dataPrivacyPolicy, regionId}: RegionOverviewProps): ReactElement => {
-        const appToaster = useAppToaster()
-    const [dataPrivacyText, setDataPrivacyText] = useState<string>(dataPrivacyPolicy);
-    const [updateDataPrivacy] = useUpdateDataPolicyMutation({
-    })
+const RegionOverview = ({ dataPrivacyPolicy, regionId }: RegionOverviewProps): ReactElement => {
+  const appToaster = useAppToaster()
+  const [dataPrivacyText, setDataPrivacyText] = useState<string>(dataPrivacyPolicy)
+  const [updateDataPrivacy] = useUpdateDataPolicyMutation({})
 
-    const onSave = async() => {
-        try {
-        const result = await updateDataPrivacy({variables: {regionId,text: dataPrivacyText}})
-        if (result.errors) {
-            console.error(result.errors)
-            appToaster?.show({ intent: 'danger', message: 'Fehler beim Speicher der Datenschutzerklärung' })
-        } else {
-            appToaster?.show({
-                intent: 'success',
-                message: 'Datenschutzerklärung erfolgreich geändert.',
-            })
-        }
-    } catch (e) {
-        console.error(e)
+  const onSave = async () => {
+    try {
+      const result = await updateDataPrivacy({ variables: { regionId, text: dataPrivacyText } })
+      if (result.errors) {
+        console.error(result.errors)
         appToaster?.show({ intent: 'danger', message: 'Fehler beim Speicher der Datenschutzerklärung' })
+      } else {
+        appToaster?.show({
+          intent: 'success',
+          message: 'Datenschutzerklärung erfolgreich geändert.',
+        })
+      }
+    } catch (e) {
+      console.error(e)
+      appToaster?.show({ intent: 'danger', message: 'Fehler beim Speicher der Datenschutzerklärung' })
     }
-    }
+  }
 
-return (
+  return (
     <>
-        <ButtonBar stickyTop={0}>
-            <Button
-                icon='lock'
-                text='Speichern'
-                intent='success'
-                onClick={onSave}
-            />
-        </ButtonBar>
-        <Content>
-            <Label>Datenschutzerklärung</Label>
-            <TextArea fill={true} onChange={e => setDataPrivacyText(e.target.value)} value={dataPrivacyText} large
-                      rows={20} placeholder={'Fügen sie hier ihre Datenschutzerklärung ein...'}/>
-        </Content>
+      <ButtonBar stickyTop={0}>
+        <Button icon='lock' text='Speichern' intent='success' onClick={onSave} />
+      </ButtonBar>
+      <Content>
+        <Label>Datenschutzerklärung</Label>
+        <TextArea
+          fill={true}
+          onChange={e => setDataPrivacyText(e.target.value)}
+          value={dataPrivacyText}
+          large
+          rows={20}
+          placeholder={'Fügen sie hier ihre Datenschutzerklärung ein...'}
+        />
+      </Content>
     </>
-);
+  )
 }
-;
-
-export default RegionOverview;
+export default RegionOverview
diff --git a/administration/src/constants/dataPrivacyBase.ts b/administration/src/constants/dataPrivacyBase.ts
index 0338f494c..8a19384d1 100644
--- a/administration/src/constants/dataPrivacyBase.ts
+++ b/administration/src/constants/dataPrivacyBase.ts
@@ -1,39 +1,41 @@
-export const dataPrivacyBaseText = 'Diese Datenschutzerklärung bezieht sich auf die Verarbeitung personenbezogener Daten im Rahmen der digitalen bayerischen Ehrenamtskarte einschließlich verbundener Dienste.\n\n' +
-    'Die digitale bayerischen Ehrenamtskarte wird im Auftrag des Bayerischen Staatsministeriums für Familie, Arbeit und Soziales, Winzererstraße 9, 80797 München durch die Tür an Tür – Digitalfabrik gGmbH, Wertachstr. 29, 86153 Augsburg betrieben.\n\n' +
-    'Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. \n\n' +
-    'Der gesamte Programmcode der digitalen bayerischen Ehrenamtskarte ist darüber hinaus quelloffen lizenziert unter der MIT-Lizenz und kann hier eingesehen werden:\n https://github.com/digitalfabrik/entitlementcard\n\n' +
-    'Für nähere Informationen zur Verarbeitung Ihrer personenbezogenen Daten können Sie uns unter den unten genannten Kontaktdaten erreichen.\n\n' +
-    'Name und Kontaktdaten des Verantwortlichen im Sinne des §7 TMG\nChristian K. J. Diener\nLeiter Referat Öffentlichkeitsarbeit\nTelefon: 089 1261-1640\nTelefax: 089 1261-181640\nE-Mail: Oeffentlichkeitsarbeit@stmas.bayern.de \n\n' +
-    'Kontaktdaten der Datenschutzbeauftragten\nTür an Tür – Digitalfabrik gGmbH\nHerr Daniel Kehne\nWertachstr. 29\n86153 Augsburg\n\n' +
-    'E-Mail: digitalfabrik@tuerantuer.de\nTelefon: 0821 20990556\n\n' +
-    'Allgemeines zum Thema Datenschutz finden Sie auf der Website des Bayerischen Landesbeauftragten für den Datenschutz (https://www.datenschutz-bayern.de). \n\n' +
-    'Haftung im Sinne §§ 7 - 10 TMG\n' +
-    'Das Bayerische Staatsministerium für Arbeit und Soziales, Familie und Integration stellt sein App-Angebot unter folgenden Nutzungsbedingungen zur Verfügung:\n\n' +
-    'Die App "Ehrenamtskarte" ist nach § 7 Abs. 1 TMG für die eigenen Inhalte, die es zur Nutzung bereithält, nach den allgemeinen Vorschriften verantwortlich. Die Haftung für Schäden materieller oder ideeller Art, die durch die Nutzung der Inhalte verursacht wurden, ist ausgeschlossen, sofern nicht Vorsatz oder grobe Fahrlässigkeit vorliegt.\n\n' +
-    'Bei der Zusammenstellung und Abgabe der Informationen von Vergünstigungen wird alle Sorgfalt walten gelassen. Eine Gewähr für die inhaltliche Vollständigkeit und Richtigkeit der Daten kann dennoch nicht übernommen werden. Insbesondere wird jede Haftung für solche Schäden ausgeschlossen, die bei Anwendern direkt oder indirekt daraus entstehen, dass die Daten genutzt werden.\n\n' +
-    'Soweit ein Text von dritter Seite erstellt ist, wird die jeweilige Verfasserin oder der jeweilige Verfasser oder die verantwortliche Einrichtung namentlich benannt. In diesen Fällen ist die Verfasserin oder der Verfasser bzw. die genannte Einrichtung des jeweiligen Dokuments für den Inhalt verantwortlich.\n\n' +
-    'Die App "Ehrenamtskarte" bewertet den Inhalt der verzeichneten Web-Sites zum Zeitpunkt ihrer Aufnahme in das Verzeichnis sorgfältig, und es werden nur solche Verweise aufgenommen, deren Inhalt nach Prüfung zum Zeitpunkt der Aufnahme nicht gegen geltendes Recht verstößt.\n\n' +
-    'Die App "Ehrenamtskarte" macht sich den Inhalt der zugänglich gemachten fremden Websites jedoch ausdrücklich nicht zu Eigen. Die Inhalte der Sites, auf die verwiesen wird, können sich ständig ändern - das macht gerade das Wesen eines digitalen Angebots aus. Aus diesem Grund übernimmt die App "Ehrenamtskarte" trotz Prüfung keine Gewähr für die Korrektheit, Vollständigkeit und Verfügbarkeit der jeweiligen fremden Website.\n\n' +
-    'Die App "Ehrenamtskarte" hat keinen Einfluss auf die aktuelle und zukünftige Gestaltung und Inhalte der Seiten. Die App "Ehrenamtskarte" übernimmt keine Haftung für Schäden, die aus der Benutzung der Links entstehen könnten.\n' +
-    'Zwecke und Rechtsgrundlagen für die Verarbeitung personenbezogener DatenZweck der Verarbeitung ist die Erfüllung einer freiwilligen Aufgabe. Soweit Sie in eine Verarbeitung eingewilligt haben, stützt sich die Datenverarbeitung auf Art. 6 Abs. 1 Buchstabe a DSGVO.\n\n' +
-    'Automatische Speicherung von DatenBei jedem Zugriff auf das Antragsformular (URL zum Antragsformular einfügen) oder die Nutzung der bayerischen Ehrenamtskarten-App (Android/iOS) werden folgende Nutzungsdaten gemäß § 15 Abs. 1 TMG bei jedem Aufruf mit aktiver Internetverbindung anonymisiert erhoben:\n' +
-    '- Datum und Uhrzeit des Abrufs\n' +
-    '- Name des aufgerufenen Internetdienstes, der aufgerufenen Ressource und der verwendeten Aktion\n' +
-    '- Abfrage, die der Client gestellt hat\n' +
-    '- übertragene Datenmenge\n' +
-    '- Meldung, ob der Abruf erfolgreich war\n' +
-    '- Browser-Identifikation (enthält in der Regel die Browserversion, sowie das Betriebssystem)\n' +
-    '- Innerhalb der App eingegebene Suchen nach Adressen oder Vergünstigungen;\n' +
-    '- Standort-Positionen, falls der Standort in den Apps freigegeben ist.\n\n' +
-    'Sonstige Daten werden bei Ihrer Nutzung nicht automatisch erhoben und nicht an unsere Server gesendet. Nach dem Grundsatz der Datenvermeidung und der Datensparsamkeit, sowie dem Grundsatz der anonymen und pseudonymen Nutzung, wird nur das Minimum an Nutzungsdaten erhoben, soweit dies für den technischen Betrieb der Apps sowie die Ermittlung der aufgerufenen Inhalte erforderlich ist. Die erhobenen Informationen können weder direkt noch mit Hilfe von Zusatzwissen auf eine bestimmte Person zurückgeführt werden. Die einzelnen Nutzer können somit nicht identifiziert werden. Wir erstellen keine Nutzungsprofile.\n\n' +
-    'Weitergabe erhobener Daten\nDaten, die beim Zugriff auf unsere Dienste erhoben worden sind, werden an Dritte außerhalb unserer Organisation nur übermittelt, soweit wir gesetzlich oder durch richterliche bzw. staatsanwaltschaftliche Anordnung dazu verpflichtet sind oder die Weitergabe im Falle von Angriffen auf die Internetinfrastruktur unserer Organisation zur Rechts- oder Strafverfolgung erforderlich ist. Es erfolgt keine Weitergabe zu kommerziellen Zwecken. \n\n' +
-    'Eine Übermittlung der Daten in andere Staaten erfolgt nicht. Der Serverstandort ist Deutschland.\n\n' +
-    'Zustimmung (Einwilligung) zur Erhebung, Nutzung und Verarbeitung personenbezogener Daten\nAußerhalb gesetzlicher Verpflichtungen dürfen personenbezogene Daten nur mit (und im Rahmen) Ihrer Zustimmung erhoben, genutzt oder verarbeitet werden. Um dies zu gewährleisten, müssen Sie z.B. bei der Beantragung der digitalen bayerischen Ehrenamtskarte explizit der Verarbeitung und Weitergabe Ihrer Daten zustimmen. Sollten Sie die digitale bayerischen Ehrenamtskarte über das Online-Formular auf (URL zum Antragsformular einfügen) beantragen wird die Tür an Tür – Digitalfabrik gGmbH die im Antragsformular angegebenen Daten erheben, verarbeiten und nutzen. Dies erfolgt ausschließlich für den Zweck der Ausstellung der Bayerischen Ehrenamtskarte, sowie der damit verbundenen Gewährung von Vergünstigungen und zugehörigen Kommunikationsmaßnahmen. Ihre Daten werden an das Bayerischen Staatsministerium für Familie, Arbeit und Soziales sowie die ausstellende Stadt- bzw. Kreisverwaltung an Ihrem im Antrag angegebenen Wohnsitz weitergegeben, um die Ehrenamtskarte sachgemäß auszustellen. Sofern der Prozess dies erfordert können Ihre Daten zum Zwecke des Erstellens der Ehrenamtskarte auch an einen externen Druckpartner weitergegeben werden sowie zur Verwaltung Ihrer Daten an die Lachnit & Rademacher GmbH, die die Online-Datenbank freinet-online betreiben und in der von den bayerischen Stadt- und Kreisverwaltungen auch Ehrenamtskarten-Inhaber:innen und Akzeptanzstellen gepflegt werden.\n\n' +
-    'Alle Einwilligungen können verweigert bzw. jederzeit ohne Angabe von Gründen durch Mitteilung an digitalfabrik@tuerantuer.de widerrufen werden. In diesem Fall werden alle gespeicherten personenbezogenen Daten gelöscht und die Ehrenamtskarte verliert ihre Gültigkeit. Aus der Nicht-Einwilligung oder einem Widerruf darf Ihnen kein Nachteil entstehen. Ein Widerruf kann nur mit Wirkung für die Zukunft erklärt werden. \n\n' +
-    'Einwilligung durch Minderjährige\nPersonen unter 18 Jahren sollten ohne Zustimmung der Erziehungsberechtigten keine personenbezogenen Daten an uns übermitteln. Gemäß Art. 8 DSGVO dürfen Kinder bis 16 Jahre solche Einwilligungen nur mit Zustimmung der Erziehungsberechtigten erklären. Personenbezogene Daten von Minderjährigen werden nicht bewusst erhoben und verarbeitet.\n\n' +
-    'Datensicherheit\nWir verwenden technische und organisatorische Maßnahmen um Ihre Daten vor dem Zugriff Unberechtigter und vor Manipulation, Übermittlung, Verlust oder Zerstörung zu schützen. Unsere Sicherheitsverfahren überprüfen wir regelmäßig und passen sie dem technologischen Fortschritt an.\n\n' +
-    'Offenlegung und Weitergabe personenbezogener Daten\nAlle personenbezogenen Daten werden ausschließlich mit Ihrer ausdrücklichen Zustimmung weitergegeben und werden für keine anderen Zwecke als die in unserer Datenschutzerklärung genannten, verwendet.\n\n' +
-    'Datenerhebung, Datennutzung und Verarbeitung\nElektronische Datenerhebung innerhalb des WebangebotesWenn Sie innerhalb unserer Online-Dienste aufgefordert werden Daten über sich einzugeben, erfolgt deren Transport über das Internet unter Verwendung von SSL-Verschlüsselung, um Ihre Daten vor einer Kenntnisnahme durch Unbefugte zu schützen.\n\n' +
-    'Elektronische Post (E-Mail)\nWir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. Wenn Sie uns E-Mails senden, wird Ihre E-Mail-Adresse nur für die Korrespondenz mit Ihnen verwendet. Informationen, die Sie unverschlüsselt per E-Mail an uns senden können, möglicherweise auf dem Übertragungsweg von Dritten gelesen werden. \n'
+export const dataPrivacyBaseText =
+  'Diese Datenschutzerklärung bezieht sich auf die Verarbeitung personenbezogener Daten im Rahmen der digitalen bayerischen Ehrenamtskarte einschließlich verbundener Dienste.\n\n' +
+  'Die digitale bayerischen Ehrenamtskarte wird im Auftrag des Bayerischen Staatsministeriums für Familie, Arbeit und Soziales, Winzererstraße 9, 80797 München durch die Tür an Tür – Digitalfabrik gGmbH, Wertachstr. 29, 86153 Augsburg betrieben.\n\n' +
+  'Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. \n\n' +
+  'Der gesamte Programmcode der digitalen bayerischen Ehrenamtskarte ist darüber hinaus quelloffen lizenziert unter der MIT-Lizenz und kann hier eingesehen werden:\n https://github.com/digitalfabrik/entitlementcard\n\n' +
+  'Für nähere Informationen zur Verarbeitung Ihrer personenbezogenen Daten können Sie uns unter den unten genannten Kontaktdaten erreichen.\n\n' +
+  'Name und Kontaktdaten des Verantwortlichen im Sinne des §7 TMG\nChristian K. J. Diener\nLeiter Referat Öffentlichkeitsarbeit\nTelefon: 089 1261-1640\nTelefax: 089 1261-181640\nE-Mail: Oeffentlichkeitsarbeit@stmas.bayern.de \n\n' +
+  'Kontaktdaten der Datenschutzbeauftragten\nTür an Tür – Digitalfabrik gGmbH\nHerr Daniel Kehne\nWertachstr. 29\n86153 Augsburg\n\n' +
+  'E-Mail: digitalfabrik@tuerantuer.de\nTelefon: 0821 20990556\n\n' +
+  'Allgemeines zum Thema Datenschutz finden Sie auf der Website des Bayerischen Landesbeauftragten für den Datenschutz (https://www.datenschutz-bayern.de). \n\n' +
+  'Haftung im Sinne §§ 7 - 10 TMG\n' +
+  'Das Bayerische Staatsministerium für Arbeit und Soziales, Familie und Integration stellt sein App-Angebot unter folgenden Nutzungsbedingungen zur Verfügung:\n\n' +
+  'Die App "Ehrenamtskarte" ist nach § 7 Abs. 1 TMG für die eigenen Inhalte, die es zur Nutzung bereithält, nach den allgemeinen Vorschriften verantwortlich. Die Haftung für Schäden materieller oder ideeller Art, die durch die Nutzung der Inhalte verursacht wurden, ist ausgeschlossen, sofern nicht Vorsatz oder grobe Fahrlässigkeit vorliegt.\n\n' +
+  'Bei der Zusammenstellung und Abgabe der Informationen von Vergünstigungen wird alle Sorgfalt walten gelassen. Eine Gewähr für die inhaltliche Vollständigkeit und Richtigkeit der Daten kann dennoch nicht übernommen werden. Insbesondere wird jede Haftung für solche Schäden ausgeschlossen, die bei Anwendern direkt oder indirekt daraus entstehen, dass die Daten genutzt werden.\n\n' +
+  'Soweit ein Text von dritter Seite erstellt ist, wird die jeweilige Verfasserin oder der jeweilige Verfasser oder die verantwortliche Einrichtung namentlich benannt. In diesen Fällen ist die Verfasserin oder der Verfasser bzw. die genannte Einrichtung des jeweiligen Dokuments für den Inhalt verantwortlich.\n\n' +
+  'Die App "Ehrenamtskarte" bewertet den Inhalt der verzeichneten Web-Sites zum Zeitpunkt ihrer Aufnahme in das Verzeichnis sorgfältig, und es werden nur solche Verweise aufgenommen, deren Inhalt nach Prüfung zum Zeitpunkt der Aufnahme nicht gegen geltendes Recht verstößt.\n\n' +
+  'Die App "Ehrenamtskarte" macht sich den Inhalt der zugänglich gemachten fremden Websites jedoch ausdrücklich nicht zu Eigen. Die Inhalte der Sites, auf die verwiesen wird, können sich ständig ändern - das macht gerade das Wesen eines digitalen Angebots aus. Aus diesem Grund übernimmt die App "Ehrenamtskarte" trotz Prüfung keine Gewähr für die Korrektheit, Vollständigkeit und Verfügbarkeit der jeweiligen fremden Website.\n\n' +
+  'Die App "Ehrenamtskarte" hat keinen Einfluss auf die aktuelle und zukünftige Gestaltung und Inhalte der Seiten. Die App "Ehrenamtskarte" übernimmt keine Haftung für Schäden, die aus der Benutzung der Links entstehen könnten.\n' +
+  'Zwecke und Rechtsgrundlagen für die Verarbeitung personenbezogener DatenZweck der Verarbeitung ist die Erfüllung einer freiwilligen Aufgabe. Soweit Sie in eine Verarbeitung eingewilligt haben, stützt sich die Datenverarbeitung auf Art. 6 Abs. 1 Buchstabe a DSGVO.\n\n' +
+  'Automatische Speicherung von DatenBei jedem Zugriff auf das Antragsformular (URL zum Antragsformular einfügen) oder die Nutzung der bayerischen Ehrenamtskarten-App (Android/iOS) werden folgende Nutzungsdaten gemäß § 15 Abs. 1 TMG bei jedem Aufruf mit aktiver Internetverbindung anonymisiert erhoben:\n' +
+  '- Datum und Uhrzeit des Abrufs\n' +
+  '- Name des aufgerufenen Internetdienstes, der aufgerufenen Ressource und der verwendeten Aktion\n' +
+  '- Abfrage, die der Client gestellt hat\n' +
+  '- übertragene Datenmenge\n' +
+  '- Meldung, ob der Abruf erfolgreich war\n' +
+  '- Browser-Identifikation (enthält in der Regel die Browserversion, sowie das Betriebssystem)\n' +
+  '- Innerhalb der App eingegebene Suchen nach Adressen oder Vergünstigungen;\n' +
+  '- Standort-Positionen, falls der Standort in den Apps freigegeben ist.\n\n' +
+  'Sonstige Daten werden bei Ihrer Nutzung nicht automatisch erhoben und nicht an unsere Server gesendet. Nach dem Grundsatz der Datenvermeidung und der Datensparsamkeit, sowie dem Grundsatz der anonymen und pseudonymen Nutzung, wird nur das Minimum an Nutzungsdaten erhoben, soweit dies für den technischen Betrieb der Apps sowie die Ermittlung der aufgerufenen Inhalte erforderlich ist. Die erhobenen Informationen können weder direkt noch mit Hilfe von Zusatzwissen auf eine bestimmte Person zurückgeführt werden. Die einzelnen Nutzer können somit nicht identifiziert werden. Wir erstellen keine Nutzungsprofile.\n\n' +
+  'Weitergabe erhobener Daten\nDaten, die beim Zugriff auf unsere Dienste erhoben worden sind, werden an Dritte außerhalb unserer Organisation nur übermittelt, soweit wir gesetzlich oder durch richterliche bzw. staatsanwaltschaftliche Anordnung dazu verpflichtet sind oder die Weitergabe im Falle von Angriffen auf die Internetinfrastruktur unserer Organisation zur Rechts- oder Strafverfolgung erforderlich ist. Es erfolgt keine Weitergabe zu kommerziellen Zwecken. \n\n' +
+  'Eine Übermittlung der Daten in andere Staaten erfolgt nicht. Der Serverstandort ist Deutschland.\n\n' +
+  'Zustimmung (Einwilligung) zur Erhebung, Nutzung und Verarbeitung personenbezogener Daten\nAußerhalb gesetzlicher Verpflichtungen dürfen personenbezogene Daten nur mit (und im Rahmen) Ihrer Zustimmung erhoben, genutzt oder verarbeitet werden. Um dies zu gewährleisten, müssen Sie z.B. bei der Beantragung der digitalen bayerischen Ehrenamtskarte explizit der Verarbeitung und Weitergabe Ihrer Daten zustimmen. Sollten Sie die digitale bayerischen Ehrenamtskarte über das Online-Formular auf (URL zum Antragsformular einfügen) beantragen wird die Tür an Tür – Digitalfabrik gGmbH die im Antragsformular angegebenen Daten erheben, verarbeiten und nutzen. Dies erfolgt ausschließlich für den Zweck der Ausstellung der Bayerischen Ehrenamtskarte, sowie der damit verbundenen Gewährung von Vergünstigungen und zugehörigen Kommunikationsmaßnahmen. Ihre Daten werden an das Bayerischen Staatsministerium für Familie, Arbeit und Soziales sowie die ausstellende Stadt- bzw. Kreisverwaltung an Ihrem im Antrag angegebenen Wohnsitz weitergegeben, um die Ehrenamtskarte sachgemäß auszustellen. Sofern der Prozess dies erfordert können Ihre Daten zum Zwecke des Erstellens der Ehrenamtskarte auch an einen externen Druckpartner weitergegeben werden sowie zur Verwaltung Ihrer Daten an die Lachnit & Rademacher GmbH, die die Online-Datenbank freinet-online betreiben und in der von den bayerischen Stadt- und Kreisverwaltungen auch Ehrenamtskarten-Inhaber:innen und Akzeptanzstellen gepflegt werden.\n\n' +
+  'Alle Einwilligungen können verweigert bzw. jederzeit ohne Angabe von Gründen durch Mitteilung an digitalfabrik@tuerantuer.de widerrufen werden. In diesem Fall werden alle gespeicherten personenbezogenen Daten gelöscht und die Ehrenamtskarte verliert ihre Gültigkeit. Aus der Nicht-Einwilligung oder einem Widerruf darf Ihnen kein Nachteil entstehen. Ein Widerruf kann nur mit Wirkung für die Zukunft erklärt werden. \n\n' +
+  'Einwilligung durch Minderjährige\nPersonen unter 18 Jahren sollten ohne Zustimmung der Erziehungsberechtigten keine personenbezogenen Daten an uns übermitteln. Gemäß Art. 8 DSGVO dürfen Kinder bis 16 Jahre solche Einwilligungen nur mit Zustimmung der Erziehungsberechtigten erklären. Personenbezogene Daten von Minderjährigen werden nicht bewusst erhoben und verarbeitet.\n\n' +
+  'Datensicherheit\nWir verwenden technische und organisatorische Maßnahmen um Ihre Daten vor dem Zugriff Unberechtigter und vor Manipulation, Übermittlung, Verlust oder Zerstörung zu schützen. Unsere Sicherheitsverfahren überprüfen wir regelmäßig und passen sie dem technologischen Fortschritt an.\n\n' +
+  'Offenlegung und Weitergabe personenbezogener Daten\nAlle personenbezogenen Daten werden ausschließlich mit Ihrer ausdrücklichen Zustimmung weitergegeben und werden für keine anderen Zwecke als die in unserer Datenschutzerklärung genannten, verwendet.\n\n' +
+  'Datenerhebung, Datennutzung und Verarbeitung\nElektronische Datenerhebung innerhalb des WebangebotesWenn Sie innerhalb unserer Online-Dienste aufgefordert werden Daten über sich einzugeben, erfolgt deren Transport über das Internet unter Verwendung von SSL-Verschlüsselung, um Ihre Daten vor einer Kenntnisnahme durch Unbefugte zu schützen.\n\n' +
+  'Elektronische Post (E-Mail)\nWir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. Wenn Sie uns E-Mails senden, wird Ihre E-Mail-Adresse nur für die Korrespondenz mit Ihnen verwendet. Informationen, die Sie unverschlüsselt per E-Mail an uns senden können, möglicherweise auf dem Übertragungsweg von Dritten gelesen werden. \n'
 
-export const dataPrivacyBaseHeadline = 'Datenschutzerklärung für die Nutzung und Beantragung der digitalen bayerischen Ehrenamtskarte'
\ No newline at end of file
+export const dataPrivacyBaseHeadline =
+  'Datenschutzerklärung für die Nutzung und Beantragung der digitalen bayerischen Ehrenamtskarte'

From 2cd60f9bcb10f4c9f528722712a40933e347f96d Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 29 Nov 2022 15:18:39 +0100
Subject: [PATCH 11/30] 638: ktlin

---
 .../backend/regions/database/repos/RegionsRepository.kt        | 3 +--
 .../backend/regions/webservice/regionsGraphQLParams.kt         | 2 +-
 .../regions/webservice/schema/RegionsMutationService.kt        | 2 +-
 .../backend/regions/webservice/schema/RegionsQueryService.kt   | 2 +-
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt
index 43b1285a9..37de48559 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/repos/RegionsRepository.kt
@@ -33,5 +33,4 @@ object RegionsRepository {
     fun updateDataPolicy(region: RegionEntity, dataPrivacyText: String) {
         region.dataPrivacyPolicy = dataPrivacyText
     }
-
-}
\ No newline at end of file
+}
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/regionsGraphQLParams.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/regionsGraphQLParams.kt
index 9c9f2761a..aae0c1e42 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/regionsGraphQLParams.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/regionsGraphQLParams.kt
@@ -20,7 +20,7 @@ val regionsGraphQlParams = GraphQLParams(
     dataLoaderRegistry = createDataLoaderRegistry(),
     queries = listOf(
         TopLevelObject(RegionsQueryService())
-    ) ,
+    ),
     mutations = listOf(
         TopLevelObject(RegionsMutationService())
     )
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
index 39b1ac389..03ae18e26 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
@@ -11,7 +11,7 @@ class RegionsMutationService {
     fun updateDataPrivacy(regionId: Int, dataPrivacyText: String): Boolean {
         transaction {
             val region = RegionsRepository.findRegionById(regionId)
-                RegionsRepository.updateDataPolicy(region, dataPrivacyText)
+            RegionsRepository.updateDataPolicy(region, dataPrivacyText)
         }
         return true
     }
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
index e4b8540e1..8ab3f0c76 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
@@ -25,6 +25,6 @@ class RegionsQueryService {
 
     @GraphQLDescription("Returns region data for specific region.")
     fun regionByRegionId(regionId: Int): Region = transaction {
-        Region(RegionsRepository.findRegionById(regionId).id.value,RegionsRepository.findRegionById(regionId).prefix,RegionsRepository.findRegionById(regionId).name,RegionsRepository.findRegionById(regionId).regionIdentifier,RegionsRepository.findRegionById(regionId).dataPrivacyPolicy)
+        Region(RegionsRepository.findRegionById(regionId).id.value, RegionsRepository.findRegionById(regionId).prefix, RegionsRepository.findRegionById(regionId).name, RegionsRepository.findRegionById(regionId).regionIdentifier, RegionsRepository.findRegionById(regionId).dataPrivacyPolicy)
     }
 }

From 8f101dfaa948ceaf8c530bda38916debef27feac Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Wed, 30 Nov 2022 13:26:25 +0100
Subject: [PATCH 12/30] 638: replace anchor by button

---
 .../components/forms/ApplicationForm.tsx      | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/administration/src/application/components/forms/ApplicationForm.tsx b/administration/src/application/components/forms/ApplicationForm.tsx
index bdf7ec1af..ba924ee09 100644
--- a/administration/src/application/components/forms/ApplicationForm.tsx
+++ b/administration/src/application/components/forms/ApplicationForm.tsx
@@ -1,12 +1,19 @@
 import { SetState, useUpdateStateCallback } from '../../useUpdateStateCallback'
 import { ApplicationType, BlueCardApplicationInput, BlueCardEntitlementType } from '../../../generated/graphql'
 import SwitchDisplay from '../SwitchDisplay'
-import { Checkbox, FormControl, FormControlLabel, FormGroup, FormLabel, Radio, RadioGroup } from '@mui/material'
+import { Button, Checkbox, FormControl, FormControlLabel, FormGroup, FormLabel, Radio, RadioGroup } from '@mui/material'
 import { Form } from '../../FormType'
 import StandardEntitlementForm, { StandardEntitlementFormState } from './StandardEntitlementForm'
 import PersonalDataForm, { PersonalDataFormState } from './PersonalDataForm'
 import BasicDialog from '../BasicDialog'
 import { dataPrivacyBaseHeadline, dataPrivacyBaseText } from '../../../constants/dataPrivacyBase'
+import styled from 'styled-components'
+
+const PrivacyPolicyButton = styled(Button)`
+  text-transform: capitalize !important;
+  padding: 0 !important;
+  vertical-align: unset !important;
+`
 
 const EntitlementTypeInput = ({
   state,
@@ -107,7 +114,16 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
         />
         <div style={{ alignSelf: 'center' }}>
           Ich akzeptiere die{' '}
-          <a onClick={() => setState(state => ({ ...state, openPrivacyPolicy: true }))}>Datenschutzerklärung</a>
+          <PrivacyPolicyButton
+            variant='text'
+            onClick={() =>
+              setState(state => ({
+                ...state,
+                openPrivacyPolicy: true,
+              }))
+            }>
+            Datenschutzerklärung
+          </PrivacyPolicyButton>
         </div>
       </FormGroup>
       <BasicDialog

From 601dbf1fc5bd4009c0254c2abac574d5e1871981 Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Mon, 5 Dec 2022 16:52:12 +0100
Subject: [PATCH 13/30] Update
 administration/src/components/regions/RegionOverview.tsx

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 administration/src/components/regions/RegionOverview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 826c688fe..220413e9b 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -48,7 +48,7 @@ const RegionOverview = ({ dataPrivacyPolicy, regionId }: RegionOverviewProps): R
       const result = await updateDataPrivacy({ variables: { regionId, text: dataPrivacyText } })
       if (result.errors) {
         console.error(result.errors)
-        appToaster?.show({ intent: 'danger', message: 'Fehler beim Speicher der Datenschutzerklärung' })
+        appToaster?.show({ intent: 'danger', message: 'Fehler beim Speichern der Datenschutzerklärung' })
       } else {
         appToaster?.show({
           intent: 'success',

From c3c8f6cde8890b5aa39bcc3c6e62194567363486 Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Mon, 5 Dec 2022 16:52:19 +0100
Subject: [PATCH 14/30] Update
 administration/src/components/regions/RegionOverview.tsx

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 administration/src/components/regions/RegionOverview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 220413e9b..f30488cdc 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -57,7 +57,7 @@ const RegionOverview = ({ dataPrivacyPolicy, regionId }: RegionOverviewProps): R
       }
     } catch (e) {
       console.error(e)
-      appToaster?.show({ intent: 'danger', message: 'Fehler beim Speicher der Datenschutzerklärung' })
+      appToaster?.show({ intent: 'danger', message: 'Fehler beim Speichern der Datenschutzerklärung' })
     }
   }
 

From 98699038d8c81c729c421593116d78d1a822c0d9 Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Mon, 5 Dec 2022 16:52:39 +0100
Subject: [PATCH 15/30] Update
 administration/src/components/regions/RegionOverview.tsx

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 administration/src/components/regions/RegionOverview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index f30488cdc..512ae421e 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -74,7 +74,7 @@ const RegionOverview = ({ dataPrivacyPolicy, regionId }: RegionOverviewProps): R
           value={dataPrivacyText}
           large
           rows={20}
-          placeholder={'Fügen sie hier ihre Datenschutzerklärung ein...'}
+          placeholder={'Fügen Sie hier Ihre Datenschutzerklärung ein...'}
         />
       </Content>
     </>

From 8db8ba7812c0940b4f55096d1cc11a01944528ee Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Mon, 5 Dec 2022 16:53:06 +0100
Subject: [PATCH 16/30] Update
 backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 .../backend/regions/webservice/schema/RegionsQueryService.kt  | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
index 8ab3f0c76..e5ef4d7aa 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
@@ -25,6 +25,8 @@ class RegionsQueryService {
 
     @GraphQLDescription("Returns region data for specific region.")
     fun regionByRegionId(regionId: Int): Region = transaction {
-        Region(RegionsRepository.findRegionById(regionId).id.value, RegionsRepository.findRegionById(regionId).prefix, RegionsRepository.findRegionById(regionId).name, RegionsRepository.findRegionById(regionId).regionIdentifier, RegionsRepository.findRegionById(regionId).dataPrivacyPolicy)
+        val regionEntity = RegionsRepository.findRegionById(regionId)
+        
+        Region(regionEntity.id.value, regionEntity.prefix, regionEntity.name, regionEntity.regionIdentifier, regionEntity.dataPrivacyPolicy)
     }
 }

From e5d1a064155e6955567a207500cb8ce96abf5fbd Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Mon, 5 Dec 2022 16:53:18 +0100
Subject: [PATCH 17/30] Update administration/src/constants/dataPrivacyBase.ts

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 administration/src/constants/dataPrivacyBase.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administration/src/constants/dataPrivacyBase.ts b/administration/src/constants/dataPrivacyBase.ts
index 8a19384d1..d7a63dc05 100644
--- a/administration/src/constants/dataPrivacyBase.ts
+++ b/administration/src/constants/dataPrivacyBase.ts
@@ -1,6 +1,6 @@
 export const dataPrivacyBaseText =
   'Diese Datenschutzerklärung bezieht sich auf die Verarbeitung personenbezogener Daten im Rahmen der digitalen bayerischen Ehrenamtskarte einschließlich verbundener Dienste.\n\n' +
-  'Die digitale bayerischen Ehrenamtskarte wird im Auftrag des Bayerischen Staatsministeriums für Familie, Arbeit und Soziales, Winzererstraße 9, 80797 München durch die Tür an Tür – Digitalfabrik gGmbH, Wertachstr. 29, 86153 Augsburg betrieben.\n\n' +
+  'Die digitale bayerische Ehrenamtskarte wird im Auftrag des Bayerischen Staatsministeriums für Familie, Arbeit und Soziales, Winzererstraße 9, 80797 München durch die Tür an Tür – Digitalfabrik gGmbH, Wertachstr. 29, 86153 Augsburg betrieben.\n\n' +
   'Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. \n\n' +
   'Der gesamte Programmcode der digitalen bayerischen Ehrenamtskarte ist darüber hinaus quelloffen lizenziert unter der MIT-Lizenz und kann hier eingesehen werden:\n https://github.com/digitalfabrik/entitlementcard\n\n' +
   'Für nähere Informationen zur Verarbeitung Ihrer personenbezogenen Daten können Sie uns unter den unten genannten Kontaktdaten erreichen.\n\n' +

From a073f944a829104b6af20838dc91277c8beac9dc Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Mon, 5 Dec 2022 17:51:11 +0100
Subject: [PATCH 18/30] 638: adjust basicDialog, reimplement privacy policy
 modal

---
 .../components/ApplyController.tsx            |  3 +-
 .../application/components/BasicDialog.tsx    | 13 ++--
 .../components/forms/ApplicationForm.tsx      |  6 +-
 .../components/forms/StepSendForm.tsx         | 73 ++++++++++++++-----
 .../primitive-inputs/CheckboxForm.tsx         |  4 +-
 5 files changed, 68 insertions(+), 31 deletions(-)

diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index 713a54d56..ed99f7258 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -27,7 +27,8 @@ const ApplyController = () => {
     applicationStorageKey,
     lastCommitForApplicationForm
   )
-  const { loading, data: policyData } = useGetDataPolicyQuery({
+  // TODO add loading handler
+  const { loading: loadingPolicy, data: policyData } = useGetDataPolicyQuery({
     variables: { regionId: regionId },
     onError: error => console.error(error),
   })
diff --git a/administration/src/application/components/BasicDialog.tsx b/administration/src/application/components/BasicDialog.tsx
index 657565739..4a544b21c 100644
--- a/administration/src/application/components/BasicDialog.tsx
+++ b/administration/src/application/components/BasicDialog.tsx
@@ -1,17 +1,16 @@
-import { Icon, IconSize } from '@blueprintjs/core'
+import CloseIcon from '@mui/icons-material/Close';
 import { Breakpoint, Dialog, DialogContent, DialogContentText, DialogTitle } from '@mui/material'
 import styled from 'styled-components'
 
-const CloseIcon = styled(Icon)`
-  align-self: center;
-  cursor: pointer;
-`
-
 const StyledDialogTitle = styled(DialogTitle)`
   display: flex;
   justify-content: space-between;
 `
 
+const StyledCloseIcon = styled(CloseIcon)`
+  cursor: pointer;
+`
+
 const StyledDialogText = styled(DialogContentText)`
   white-space: pre-line;
 `
@@ -33,7 +32,7 @@ const BasicDialog = ({
     <Dialog open={open} onBackdropClick={() => onUpdateOpen(false)} maxWidth={maxWidth}>
       <StyledDialogTitle>
         {title}
-        <CloseIcon icon='cross' onClick={() => onUpdateOpen(false)} size={IconSize.LARGE} />
+        <StyledCloseIcon  onClick={() => onUpdateOpen(false)}  />
       </StyledDialogTitle>
       <DialogContent>
         <StyledDialogText>{content}</StyledDialogText>
diff --git a/administration/src/application/components/forms/ApplicationForm.tsx b/administration/src/application/components/forms/ApplicationForm.tsx
index 1b5161fb0..f19cf2b55 100644
--- a/administration/src/application/components/forms/ApplicationForm.tsx
+++ b/administration/src/application/components/forms/ApplicationForm.tsx
@@ -18,7 +18,7 @@ export type ApplicationFormState = {
 }
 type ValidatedInput = [RegionId, BlueCardApplicationInput]
 type Options = {}
-type AdditionalProps = { onSubmit: () => void; loading: boolean }
+type AdditionalProps = { onSubmit: () => void; loading: boolean, privacyPolicy: string }
 const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, AdditionalProps> = {
   initialState: {
     activeStep: 0,
@@ -56,7 +56,7 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
       ],
     }
   },
-  Component: ({ state, setState, onSubmit, loading }) => {
+  Component: ({ state, setState, onSubmit, loading, privacyPolicy }) => {
     const personalDataStep = useFormAsStep(
       'Persönliche Angaben',
       PersonalDataForm,
@@ -76,7 +76,7 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
       { cardType: state.stepCardType.cardType },
       {}
     )
-    const sendStep = useFormAsStep('Antrag Senden', StepSendForm, state, setState, 'stepSend', {}, {})
+    const sendStep = useFormAsStep('Antrag Senden', StepSendForm, state, setState, 'stepSend', {}, {privacyPolicy})
     return (
       <SteppedSubForms
         activeStep={state.activeStep}
diff --git a/administration/src/application/components/forms/StepSendForm.tsx b/administration/src/application/components/forms/StepSendForm.tsx
index 45118cfff..9db174068 100644
--- a/administration/src/application/components/forms/StepSendForm.tsx
+++ b/administration/src/application/components/forms/StepSendForm.tsx
@@ -1,6 +1,21 @@
 import { useUpdateStateCallback } from '../../useUpdateStateCallback'
 import { Form } from '../../FormType'
 import CheckboxForm, { CheckboxFormState } from '../primitive-inputs/CheckboxForm'
+import { Button } from '@mui/material'
+import styled from 'styled-components'
+import BasicDialog from "../BasicDialog";
+import { useState } from 'react'
+import {dataPrivacyBaseHeadline, dataPrivacyBaseText} from "../../../constants/dataPrivacyBase";
+
+const PrivacyPolicyButton = styled(Button)`
+  text-transform: capitalize !important;
+  padding: 0 !important;
+  vertical-align: unset !important;
+`
+
+const PrivacyPolicyContainer = styled.div`
+align-self: center;
+`
 
 const acceptedDatePrivacyOptions: { required: boolean; notCheckedErrorMessage: string } = {
   required: true,
@@ -20,7 +35,7 @@ type ValidatedInput = {
   givenInformationIsCorrectAndComplete: boolean
 }
 type Options = {}
-type AdditionalProps = {}
+type AdditionalProps = { privacyPolicy:string }
 const StepSendForm: Form<StepSendFormState, Options, ValidatedInput, AdditionalProps> = {
   initialState: {
     acceptedDataPrivacy: CheckboxForm.initialState,
@@ -46,23 +61,45 @@ const StepSendForm: Form<StepSendFormState, Options, ValidatedInput, AdditionalP
       },
     }
   },
-  Component: ({ state, setState }) => (
-    <>
-      <CheckboxForm.Component
-        label='Ich erkläre mich damit einverstanden, dass meine Daten zum Zwecke der Antragsverarbeitung
-              gespeichert werden.'
-        state={state.acceptedDataPrivacy}
-        setState={useUpdateStateCallback(setState, 'acceptedDataPrivacy')}
-        options={acceptedDatePrivacyOptions}
-      />
-      <CheckboxForm.Component
-        label='Ich versichere, dass alle angegebenen Informationen korrekt und vollständig sind.'
-        state={state.givenInformationIsCorrectAndComplete}
-        setState={useUpdateStateCallback(setState, 'givenInformationIsCorrectAndComplete')}
-        options={givenInformationIsCorrectAndCompleteOptions}
-      />
-    </>
-  ),
+  Component: ({ state, setState, privacyPolicy }) => {
+      const [openPrivacyPolicy, setOpenPrivacyPolicy] = useState<boolean>(false);
+      const PrivacyLabel = (
+          <PrivacyPolicyContainer>
+              Ich erkläre mich damit einverstanden, dass meine Daten zum Zwecke der Antragsverarbeitung
+              gespeichert werden und akzeptiere die{' '}
+              <PrivacyPolicyButton
+                  variant='text'
+                  onClick={() => setOpenPrivacyPolicy(true)
+                  }>
+                  Datenschutzerklärung
+              </PrivacyPolicyButton>
+          </PrivacyPolicyContainer>
+      )
+      return(
+          <>
+              <CheckboxForm.Component
+                  state={state.acceptedDataPrivacy}
+                  setState={useUpdateStateCallback(setState, 'acceptedDataPrivacy')}
+                  options={acceptedDatePrivacyOptions}
+                  label={PrivacyLabel}
+              />
+
+              <CheckboxForm.Component
+                  label='Ich versichere, dass alle angegebenen Informationen korrekt und vollständig sind.'
+                  state={state.givenInformationIsCorrectAndComplete}
+                  setState={useUpdateStateCallback(setState, 'givenInformationIsCorrectAndComplete')}
+                  options={givenInformationIsCorrectAndCompleteOptions}
+              />
+              <BasicDialog
+                  open={openPrivacyPolicy}
+                  maxWidth='lg'
+                  onUpdateOpen={()=>setOpenPrivacyPolicy(false)}
+                  title={dataPrivacyBaseHeadline}
+                  content={`${dataPrivacyBaseText}\n${privacyPolicy}`}
+              />
+          </>
+      )
+  },
 }
 
 export default StepSendForm
diff --git a/administration/src/application/components/primitive-inputs/CheckboxForm.tsx b/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
index 8f1bcd4fa..c394b978b 100644
--- a/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
+++ b/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
@@ -1,12 +1,12 @@
 import { Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText } from '@mui/material'
-import { useContext, useState } from 'react'
+import { useContext, useState, ReactElement } from 'react'
 import { Form } from '../../FormType'
 import { FormContext } from '../SteppedSubForms'
 
 export type CheckboxFormState = { checked: boolean }
 type ValidatedInput = boolean
 type Options = { required: true; notCheckedErrorMessage: string } | { required: false }
-type AdditionalProps = { label: string }
+type AdditionalProps = { label: string | ReactElement}
 const CheckboxForm: Form<CheckboxFormState, Options, ValidatedInput, AdditionalProps> = {
   initialState: { checked: false },
   getArrayBufferKeys: () => [],

From dd65287bd657e3d08687321247efc53f7144be77 Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 6 Dec 2022 11:30:14 +0100
Subject: [PATCH 19/30] 638: use inline style for mui. restrict accessibility
 to Region Admins

---
 administration/src/App.tsx                    |  4 ++--
 .../components/forms/StepSendForm.tsx         | 20 +++++--------------
 .../primitive-inputs/CheckboxForm.tsx         |  2 +-
 .../src/components/home/HomeController.tsx    |  8 +++++---
 4 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/administration/src/App.tsx b/administration/src/App.tsx
index 6e9c01088..cf658b55d 100644
--- a/administration/src/App.tsx
+++ b/administration/src/App.tsx
@@ -50,7 +50,7 @@ const Main = styled.div`
   justify-content: center;
 `
 
-const isAdmin = (role: Role): boolean => role === Role.ProjectAdmin || role === Role.RegionAdmin
+const isRegionAdmin = (role: Role): boolean => role === Role.RegionAdmin
 
 const App = () => (
   <ProjectConfigProvider>
@@ -84,7 +84,7 @@ const App = () => (
                                 <Route
                                   path={'/region'}
                                   element={
-                                    isAdmin(authData.administrator.role) ? <RegionsController /> : <Navigate to={'/'} />
+                                    isRegionAdmin(authData.administrator.role) ? <RegionsController /> : <Navigate to={'/'} />
                                   }
                                 />
                                 <Route path={'/eak-generation'} element={<GenerationController />} />
diff --git a/administration/src/application/components/forms/StepSendForm.tsx b/administration/src/application/components/forms/StepSendForm.tsx
index 9db174068..fc4f6bde3 100644
--- a/administration/src/application/components/forms/StepSendForm.tsx
+++ b/administration/src/application/components/forms/StepSendForm.tsx
@@ -2,21 +2,10 @@ import { useUpdateStateCallback } from '../../useUpdateStateCallback'
 import { Form } from '../../FormType'
 import CheckboxForm, { CheckboxFormState } from '../primitive-inputs/CheckboxForm'
 import { Button } from '@mui/material'
-import styled from 'styled-components'
 import BasicDialog from "../BasicDialog";
 import { useState } from 'react'
 import {dataPrivacyBaseHeadline, dataPrivacyBaseText} from "../../../constants/dataPrivacyBase";
 
-const PrivacyPolicyButton = styled(Button)`
-  text-transform: capitalize !important;
-  padding: 0 !important;
-  vertical-align: unset !important;
-`
-
-const PrivacyPolicyContainer = styled.div`
-align-self: center;
-`
-
 const acceptedDatePrivacyOptions: { required: boolean; notCheckedErrorMessage: string } = {
   required: true,
   notCheckedErrorMessage: 'Um den Antrag zu senden, müssen Sie der Datenschutzverarbeitung zustimmen.',
@@ -64,16 +53,17 @@ const StepSendForm: Form<StepSendFormState, Options, ValidatedInput, AdditionalP
   Component: ({ state, setState, privacyPolicy }) => {
       const [openPrivacyPolicy, setOpenPrivacyPolicy] = useState<boolean>(false);
       const PrivacyLabel = (
-          <PrivacyPolicyContainer>
+          <div style={{alignSelf: 'center'}}>
               Ich erkläre mich damit einverstanden, dass meine Daten zum Zwecke der Antragsverarbeitung
               gespeichert werden und akzeptiere die{' '}
-              <PrivacyPolicyButton
+              <Button
                   variant='text'
+                  style={{textTransform: 'capitalize', padding: 0, verticalAlign: 'unset'}}
                   onClick={() => setOpenPrivacyPolicy(true)
                   }>
                   Datenschutzerklärung
-              </PrivacyPolicyButton>
-          </PrivacyPolicyContainer>
+              </Button>
+          </div>
       )
       return(
           <>
diff --git a/administration/src/application/components/primitive-inputs/CheckboxForm.tsx b/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
index c394b978b..0503a7f29 100644
--- a/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
+++ b/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
@@ -22,7 +22,7 @@ const CheckboxForm: Form<CheckboxFormState, Options, ValidatedInput, AdditionalP
     const isInvalid = validationResult.type === 'error'
 
     return (
-      <FormGroup onBlur={() => setTouched(true)}>
+      <FormGroup>
         <FormControl required={options.required} error={touched && isInvalid} disabled={disableAllInputs}>
           <FormControlLabel
             style={{ margin: '8px 0' }}
diff --git a/administration/src/components/home/HomeController.tsx b/administration/src/components/home/HomeController.tsx
index 22c92cf4f..2750a591d 100644
--- a/administration/src/components/home/HomeController.tsx
+++ b/administration/src/components/home/HomeController.tsx
@@ -36,11 +36,13 @@ const HomeController = () => {
           <NavLink to={'/users'}>
             <StyledButton icon='people' text='Benutzer verwalten' />
           </NavLink>
-          <NavLink to={'/region'} reloadDocument>
-            <StyledButton icon='path-search' text='Region verwalten' />
-          </NavLink>
         </>
       ) : null}
+      {role === Role.RegionAdmin ? (
+        <NavLink to={'/region'} reloadDocument>
+            <StyledButton icon='path-search' text='Region verwalten' />
+        </NavLink>
+      ) : null}
     </Container>
   )
 }

From 96bccb0bf75101b05e3828c9aa1f5f3ef70a18c2 Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 6 Dec 2022 13:36:04 +0100
Subject: [PATCH 20/30] 638: add auth check for privacyPolicyUpdate, add
 character counter for privacyPolicy textarea

---
 .../components/ApplyController.tsx            |  3 +-
 .../src/components/regions/RegionOverview.tsx | 42 +++++++++++++------
 .../backend/auth/service/Authorizer.kt        |  4 ++
 .../schema/RegionsMutationService.kt          | 12 +++++-
 4 files changed, 46 insertions(+), 15 deletions(-)

diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index ed99f7258..6b55d20a8 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -27,7 +27,6 @@ const ApplyController = () => {
     applicationStorageKey,
     lastCommitForApplicationForm
   )
-  // TODO add loading handler
   const { loading: loadingPolicy, data: policyData } = useGetDataPolicyQuery({
     variables: { regionId: regionId },
     onError: error => console.error(error),
@@ -70,7 +69,7 @@ const ApplyController = () => {
       <div style={{ maxWidth: '1000px', width: '100%' }}>
         <h2 style={{ textAlign: 'center' }}>Blaue Ehrenamtskarte beantragen</h2>
         <ApplicationForm.Component state={state} setState={setState} onSubmit={submit} loading={loading} privacyPolicy={policyData?.dataPolicy.dataPrivacyPolicy ?? ''} />
-        <DialogActions>{loading ? null : <DiscardAllInputsButton discardAll={discardAll} />}</DialogActions>
+        <DialogActions>{loading || loadingPolicy ? null : <DiscardAllInputsButton discardAll={discardAll} />}</DialogActions>
       </div>
     </div>
   )
diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 512ae421e..90e8a5243 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -33,31 +33,48 @@ const ButtonBar = styled(({ stickyTop: number, ...rest }) => <Card {...rest} />)
   }
 `
 
+const CharCounter = styled.span<{hasError: boolean}>`
+  text-align: center;
+  align-self: flex-start;
+  color: ${props=>props.hasError ? 'red': 'black'};
+`
+
 type RegionOverviewProps = {
   dataPrivacyPolicy: string
   regionId: number
 }
 
+const MAX_CHARS = 20000
+
 const RegionOverview = ({ dataPrivacyPolicy, regionId }: RegionOverviewProps): ReactElement => {
   const appToaster = useAppToaster()
   const [dataPrivacyText, setDataPrivacyText] = useState<string>(dataPrivacyPolicy)
   const [updateDataPrivacy] = useUpdateDataPolicyMutation({})
+  const maxCharsExceeded = dataPrivacyText.length>MAX_CHARS
 
   const onSave = async () => {
-    try {
-      const result = await updateDataPrivacy({ variables: { regionId, text: dataPrivacyText } })
-      if (result.errors) {
-        console.error(result.errors)
+    if(maxCharsExceeded) {
+      appToaster?.show({
+        intent: 'danger',
+        message: `Unzulässige Zeichenlänge der Datenschutzerklärung. Maximal ${MAX_CHARS} Zeichen erlaubt.`
+      })
+    }
+    else {
+      try {
+        const result = await updateDataPrivacy({ variables: { regionId, text: dataPrivacyText } })
+        if (result.errors) {
+          console.error(result.errors)
+          appToaster?.show({ intent: 'danger', message: 'Fehler beim Speichern der Datenschutzerklärung.' })
+        } else {
+          appToaster?.show({
+            intent: 'success',
+            message: 'Datenschutzerklärung erfolgreich geändert.',
+          })
+        }
+      } catch (e) {
+        console.error(e)
         appToaster?.show({ intent: 'danger', message: 'Fehler beim Speichern der Datenschutzerklärung' })
-      } else {
-        appToaster?.show({
-          intent: 'success',
-          message: 'Datenschutzerklärung erfolgreich geändert.',
-        })
       }
-    } catch (e) {
-      console.error(e)
-      appToaster?.show({ intent: 'danger', message: 'Fehler beim Speichern der Datenschutzerklärung' })
     }
   }
 
@@ -76,6 +93,7 @@ const RegionOverview = ({ dataPrivacyPolicy, regionId }: RegionOverviewProps): R
           rows={20}
           placeholder={'Fügen Sie hier Ihre Datenschutzerklärung ein...'}
         />
+        <CharCounter hasError={maxCharsExceeded}>{dataPrivacyText.length}/{MAX_CHARS}</CharCounter>
       </Content>
     </>
   )
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/auth/service/Authorizer.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/auth/service/Authorizer.kt
index b5d7352d8..4cd9dd71e 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/auth/service/Authorizer.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/auth/service/Authorizer.kt
@@ -25,4 +25,8 @@ object Authorizer {
             Role.REGION_ADMIN.db_value
         )
     }
+
+    fun mayUpdatePrivacyPolicyInRegion(user: AdministratorEntity, regionId: Int): Boolean {
+        return user.regionId?.value == regionId && user.role == Role.REGION_ADMIN.db_value
+    }
 }
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
index 03ae18e26..c01d14863 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
@@ -1,15 +1,25 @@
 package app.ehrenamtskarte.backend.regions.webservice.schema
 
+import app.ehrenamtskarte.backend.auth.database.AdministratorEntity
+import app.ehrenamtskarte.backend.auth.service.Authorizer
+import app.ehrenamtskarte.backend.common.webservice.GraphQLContext
+import app.ehrenamtskarte.backend.common.webservice.UnauthorizedException
 import app.ehrenamtskarte.backend.regions.database.repos.RegionsRepository
 import com.expediagroup.graphql.generator.annotations.GraphQLDescription
+import graphql.schema.DataFetchingEnvironment
 import org.jetbrains.exposed.sql.transactions.transaction
 
 @Suppress("unused")
 class RegionsMutationService {
 
     @GraphQLDescription("Updates the data privacy policy of a region")
-    fun updateDataPrivacy(regionId: Int, dataPrivacyText: String): Boolean {
+    fun updateDataPrivacy(dfe: DataFetchingEnvironment, regionId: Int, dataPrivacyText: String): Boolean {
+        val jwtPayload = dfe.getContext<GraphQLContext>().enforceSignedIn()
         transaction {
+            val user = AdministratorEntity.findById(jwtPayload.userId) ?: throw UnauthorizedException()
+            if (!Authorizer.mayUpdatePrivacyPolicyInRegion(user, regionId)) {
+                throw UnauthorizedException()
+            }
             val region = RegionsRepository.findRegionById(regionId)
             RegionsRepository.updateDataPolicy(region, dataPrivacyText)
         }

From b54793dd537a2e2eaadb9541ff1685b520b5e1de Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 6 Dec 2022 17:06:19 +0100
Subject: [PATCH 21/30] 638: fix formatting

---
 administration/src/App.tsx                    |  6 +-
 .../components/ApplyController.tsx            | 12 ++-
 .../application/components/BasicDialog.tsx    |  4 +-
 .../components/forms/ApplicationForm.tsx      |  4 +-
 .../components/forms/StepSendForm.tsx         | 79 +++++++++----------
 .../primitive-inputs/CheckboxForm.tsx         |  2 +-
 .../src/components/home/HomeController.tsx    |  2 +-
 .../src/components/regions/RegionOverview.tsx | 17 ++--
 .../webservice/schema/RegionsQueryService.kt  |  2 +-
 9 files changed, 70 insertions(+), 58 deletions(-)

diff --git a/administration/src/App.tsx b/administration/src/App.tsx
index cf658b55d..f5d846835 100644
--- a/administration/src/App.tsx
+++ b/administration/src/App.tsx
@@ -84,7 +84,11 @@ const App = () => (
                                 <Route
                                   path={'/region'}
                                   element={
-                                    isRegionAdmin(authData.administrator.role) ? <RegionsController /> : <Navigate to={'/'} />
+                                    isRegionAdmin(authData.administrator.role) ? (
+                                      <RegionsController />
+                                    ) : (
+                                      <Navigate to={'/'} />
+                                    )
                                   }
                                 />
                                 <Route path={'/eak-generation'} element={<GenerationController />} />
diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index 6b55d20a8..61aecfe01 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -68,8 +68,16 @@ const ApplyController = () => {
     <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'start', margin: '16px' }}>
       <div style={{ maxWidth: '1000px', width: '100%' }}>
         <h2 style={{ textAlign: 'center' }}>Blaue Ehrenamtskarte beantragen</h2>
-        <ApplicationForm.Component state={state} setState={setState} onSubmit={submit} loading={loading} privacyPolicy={policyData?.dataPolicy.dataPrivacyPolicy ?? ''} />
-        <DialogActions>{loading || loadingPolicy ? null : <DiscardAllInputsButton discardAll={discardAll} />}</DialogActions>
+        <ApplicationForm.Component
+          state={state}
+          setState={setState}
+          onSubmit={submit}
+          loading={loading}
+          privacyPolicy={policyData?.dataPolicy.dataPrivacyPolicy ?? ''}
+        />
+        <DialogActions>
+          {loading || loadingPolicy ? null : <DiscardAllInputsButton discardAll={discardAll} />}
+        </DialogActions>
       </div>
     </div>
   )
diff --git a/administration/src/application/components/BasicDialog.tsx b/administration/src/application/components/BasicDialog.tsx
index 4a544b21c..2cbbdab19 100644
--- a/administration/src/application/components/BasicDialog.tsx
+++ b/administration/src/application/components/BasicDialog.tsx
@@ -1,4 +1,4 @@
-import CloseIcon from '@mui/icons-material/Close';
+import CloseIcon from '@mui/icons-material/Close'
 import { Breakpoint, Dialog, DialogContent, DialogContentText, DialogTitle } from '@mui/material'
 import styled from 'styled-components'
 
@@ -32,7 +32,7 @@ const BasicDialog = ({
     <Dialog open={open} onBackdropClick={() => onUpdateOpen(false)} maxWidth={maxWidth}>
       <StyledDialogTitle>
         {title}
-        <StyledCloseIcon  onClick={() => onUpdateOpen(false)}  />
+        <StyledCloseIcon onClick={() => onUpdateOpen(false)} />
       </StyledDialogTitle>
       <DialogContent>
         <StyledDialogText>{content}</StyledDialogText>
diff --git a/administration/src/application/components/forms/ApplicationForm.tsx b/administration/src/application/components/forms/ApplicationForm.tsx
index f19cf2b55..f745594bc 100644
--- a/administration/src/application/components/forms/ApplicationForm.tsx
+++ b/administration/src/application/components/forms/ApplicationForm.tsx
@@ -18,7 +18,7 @@ export type ApplicationFormState = {
 }
 type ValidatedInput = [RegionId, BlueCardApplicationInput]
 type Options = {}
-type AdditionalProps = { onSubmit: () => void; loading: boolean, privacyPolicy: string }
+type AdditionalProps = { onSubmit: () => void; loading: boolean; privacyPolicy: string }
 const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, AdditionalProps> = {
   initialState: {
     activeStep: 0,
@@ -76,7 +76,7 @@ const ApplicationForm: Form<ApplicationFormState, Options, ValidatedInput, Addit
       { cardType: state.stepCardType.cardType },
       {}
     )
-    const sendStep = useFormAsStep('Antrag Senden', StepSendForm, state, setState, 'stepSend', {}, {privacyPolicy})
+    const sendStep = useFormAsStep('Antrag Senden', StepSendForm, state, setState, 'stepSend', {}, { privacyPolicy })
     return (
       <SteppedSubForms
         activeStep={state.activeStep}
diff --git a/administration/src/application/components/forms/StepSendForm.tsx b/administration/src/application/components/forms/StepSendForm.tsx
index fc4f6bde3..04accb6af 100644
--- a/administration/src/application/components/forms/StepSendForm.tsx
+++ b/administration/src/application/components/forms/StepSendForm.tsx
@@ -2,9 +2,9 @@ import { useUpdateStateCallback } from '../../useUpdateStateCallback'
 import { Form } from '../../FormType'
 import CheckboxForm, { CheckboxFormState } from '../primitive-inputs/CheckboxForm'
 import { Button } from '@mui/material'
-import BasicDialog from "../BasicDialog";
+import BasicDialog from '../BasicDialog'
 import { useState } from 'react'
-import {dataPrivacyBaseHeadline, dataPrivacyBaseText} from "../../../constants/dataPrivacyBase";
+import { dataPrivacyBaseHeadline, dataPrivacyBaseText } from '../../../constants/dataPrivacyBase'
 
 const acceptedDatePrivacyOptions: { required: boolean; notCheckedErrorMessage: string } = {
   required: true,
@@ -24,7 +24,7 @@ type ValidatedInput = {
   givenInformationIsCorrectAndComplete: boolean
 }
 type Options = {}
-type AdditionalProps = { privacyPolicy:string }
+type AdditionalProps = { privacyPolicy: string }
 const StepSendForm: Form<StepSendFormState, Options, ValidatedInput, AdditionalProps> = {
   initialState: {
     acceptedDataPrivacy: CheckboxForm.initialState,
@@ -51,44 +51,43 @@ const StepSendForm: Form<StepSendFormState, Options, ValidatedInput, AdditionalP
     }
   },
   Component: ({ state, setState, privacyPolicy }) => {
-      const [openPrivacyPolicy, setOpenPrivacyPolicy] = useState<boolean>(false);
-      const PrivacyLabel = (
-          <div style={{alignSelf: 'center'}}>
-              Ich erkläre mich damit einverstanden, dass meine Daten zum Zwecke der Antragsverarbeitung
-              gespeichert werden und akzeptiere die{' '}
-              <Button
-                  variant='text'
-                  style={{textTransform: 'capitalize', padding: 0, verticalAlign: 'unset'}}
-                  onClick={() => setOpenPrivacyPolicy(true)
-                  }>
-                  Datenschutzerklärung
-              </Button>
-          </div>
-      )
-      return(
-          <>
-              <CheckboxForm.Component
-                  state={state.acceptedDataPrivacy}
-                  setState={useUpdateStateCallback(setState, 'acceptedDataPrivacy')}
-                  options={acceptedDatePrivacyOptions}
-                  label={PrivacyLabel}
-              />
+    const [openPrivacyPolicy, setOpenPrivacyPolicy] = useState<boolean>(false)
+    const PrivacyLabel = (
+      <div style={{ alignSelf: 'center' }}>
+        Ich erkläre mich damit einverstanden, dass meine Daten zum Zwecke der Antragsverarbeitung gespeichert werden und
+        akzeptiere die{' '}
+        <Button
+          variant='text'
+          style={{ textTransform: 'capitalize', padding: 0, verticalAlign: 'unset' }}
+          onClick={() => setOpenPrivacyPolicy(true)}>
+          Datenschutzerklärung
+        </Button>
+      </div>
+    )
+    return (
+      <>
+        <CheckboxForm.Component
+          state={state.acceptedDataPrivacy}
+          setState={useUpdateStateCallback(setState, 'acceptedDataPrivacy')}
+          options={acceptedDatePrivacyOptions}
+          label={PrivacyLabel}
+        />
 
-              <CheckboxForm.Component
-                  label='Ich versichere, dass alle angegebenen Informationen korrekt und vollständig sind.'
-                  state={state.givenInformationIsCorrectAndComplete}
-                  setState={useUpdateStateCallback(setState, 'givenInformationIsCorrectAndComplete')}
-                  options={givenInformationIsCorrectAndCompleteOptions}
-              />
-              <BasicDialog
-                  open={openPrivacyPolicy}
-                  maxWidth='lg'
-                  onUpdateOpen={()=>setOpenPrivacyPolicy(false)}
-                  title={dataPrivacyBaseHeadline}
-                  content={`${dataPrivacyBaseText}\n${privacyPolicy}`}
-              />
-          </>
-      )
+        <CheckboxForm.Component
+          label='Ich versichere, dass alle angegebenen Informationen korrekt und vollständig sind.'
+          state={state.givenInformationIsCorrectAndComplete}
+          setState={useUpdateStateCallback(setState, 'givenInformationIsCorrectAndComplete')}
+          options={givenInformationIsCorrectAndCompleteOptions}
+        />
+        <BasicDialog
+          open={openPrivacyPolicy}
+          maxWidth='lg'
+          onUpdateOpen={() => setOpenPrivacyPolicy(false)}
+          title={dataPrivacyBaseHeadline}
+          content={`${dataPrivacyBaseText}\n${privacyPolicy}`}
+        />
+      </>
+    )
   },
 }
 
diff --git a/administration/src/application/components/primitive-inputs/CheckboxForm.tsx b/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
index 0503a7f29..1f9b565e9 100644
--- a/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
+++ b/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
@@ -6,7 +6,7 @@ import { FormContext } from '../SteppedSubForms'
 export type CheckboxFormState = { checked: boolean }
 type ValidatedInput = boolean
 type Options = { required: true; notCheckedErrorMessage: string } | { required: false }
-type AdditionalProps = { label: string | ReactElement}
+type AdditionalProps = { label: string | ReactElement }
 const CheckboxForm: Form<CheckboxFormState, Options, ValidatedInput, AdditionalProps> = {
   initialState: { checked: false },
   getArrayBufferKeys: () => [],
diff --git a/administration/src/components/home/HomeController.tsx b/administration/src/components/home/HomeController.tsx
index 2750a591d..6df84ede2 100644
--- a/administration/src/components/home/HomeController.tsx
+++ b/administration/src/components/home/HomeController.tsx
@@ -40,7 +40,7 @@ const HomeController = () => {
       ) : null}
       {role === Role.RegionAdmin ? (
         <NavLink to={'/region'} reloadDocument>
-            <StyledButton icon='path-search' text='Region verwalten' />
+          <StyledButton icon='path-search' text='Region verwalten' />
         </NavLink>
       ) : null}
     </Container>
diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 90e8a5243..15264da60 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -33,10 +33,10 @@ const ButtonBar = styled(({ stickyTop: number, ...rest }) => <Card {...rest} />)
   }
 `
 
-const CharCounter = styled.span<{hasError: boolean}>`
+const CharCounter = styled.span<{ hasError: boolean }>`
   text-align: center;
   align-self: flex-start;
-  color: ${props=>props.hasError ? 'red': 'black'};
+  color: ${props => (props.hasError ? 'red' : 'black')};
 `
 
 type RegionOverviewProps = {
@@ -50,16 +50,15 @@ const RegionOverview = ({ dataPrivacyPolicy, regionId }: RegionOverviewProps): R
   const appToaster = useAppToaster()
   const [dataPrivacyText, setDataPrivacyText] = useState<string>(dataPrivacyPolicy)
   const [updateDataPrivacy] = useUpdateDataPolicyMutation({})
-  const maxCharsExceeded = dataPrivacyText.length>MAX_CHARS
+  const maxCharsExceeded = dataPrivacyText.length > MAX_CHARS
 
   const onSave = async () => {
-    if(maxCharsExceeded) {
+    if (maxCharsExceeded) {
       appToaster?.show({
         intent: 'danger',
-        message: `Unzulässige Zeichenlänge der Datenschutzerklärung. Maximal ${MAX_CHARS} Zeichen erlaubt.`
+        message: `Unzulässige Zeichenlänge der Datenschutzerklärung. Maximal ${MAX_CHARS} Zeichen erlaubt.`,
       })
-    }
-    else {
+    } else {
       try {
         const result = await updateDataPrivacy({ variables: { regionId, text: dataPrivacyText } })
         if (result.errors) {
@@ -93,7 +92,9 @@ const RegionOverview = ({ dataPrivacyPolicy, regionId }: RegionOverviewProps): R
           rows={20}
           placeholder={'Fügen Sie hier Ihre Datenschutzerklärung ein...'}
         />
-        <CharCounter hasError={maxCharsExceeded}>{dataPrivacyText.length}/{MAX_CHARS}</CharCounter>
+        <CharCounter hasError={maxCharsExceeded}>
+          {dataPrivacyText.length}/{MAX_CHARS}
+        </CharCounter>
       </Content>
     </>
   )
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
index e5ef4d7aa..1c804a4fa 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsQueryService.kt
@@ -26,7 +26,7 @@ class RegionsQueryService {
     @GraphQLDescription("Returns region data for specific region.")
     fun regionByRegionId(regionId: Int): Region = transaction {
         val regionEntity = RegionsRepository.findRegionById(regionId)
-        
+
         Region(regionEntity.id.value, regionEntity.prefix, regionEntity.name, regionEntity.regionIdentifier, regionEntity.dataPrivacyPolicy)
     }
 }

From 1c14046fb56db28876fe9ecb23b79d2949bbd9ff Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Mon, 12 Dec 2022 17:42:39 +0100
Subject: [PATCH 22/30] Update
 administration/src/application/components/ApplyController.tsx

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 administration/src/application/components/ApplyController.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index 61aecfe01..a0d12db7c 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -72,7 +72,7 @@ const ApplyController = () => {
           state={state}
           setState={setState}
           onSubmit={submit}
-          loading={loading}
+          loading={loading || loadingPolicy}
           privacyPolicy={policyData?.dataPolicy.dataPrivacyPolicy ?? ''}
         />
         <DialogActions>

From 59d7fae20bcb746ecffa5667f78e34a67f8a3913 Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Mon, 12 Dec 2022 17:42:53 +0100
Subject: [PATCH 23/30] Update
 administration/src/application/components/forms/StepSendForm.tsx

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 .../src/application/components/forms/StepSendForm.tsx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administration/src/application/components/forms/StepSendForm.tsx b/administration/src/application/components/forms/StepSendForm.tsx
index 04accb6af..686bd9104 100644
--- a/administration/src/application/components/forms/StepSendForm.tsx
+++ b/administration/src/application/components/forms/StepSendForm.tsx
@@ -82,7 +82,7 @@ const StepSendForm: Form<StepSendFormState, Options, ValidatedInput, AdditionalP
         <BasicDialog
           open={openPrivacyPolicy}
           maxWidth='lg'
-          onUpdateOpen={() => setOpenPrivacyPolicy(false)}
+          onUpdateOpen={setOpenPrivacyPolicy}
           title={dataPrivacyBaseHeadline}
           content={`${dataPrivacyBaseText}\n${privacyPolicy}`}
         />

From fc676014f452d29c95e8870b0b96428f813c9c0f Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Mon, 12 Dec 2022 17:44:24 +0100
Subject: [PATCH 24/30] Update
 administration/src/components/regions/RegionOverview.tsx

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 administration/src/components/regions/RegionOverview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 15264da60..12208855a 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -33,7 +33,7 @@ const ButtonBar = styled(({ stickyTop: number, ...rest }) => <Card {...rest} />)
   }
 `
 
-const CharCounter = styled.span<{ hasError: boolean }>`
+const CharCounter = styled.span<{ $hasError: boolean }>`
   text-align: center;
   align-self: flex-start;
   color: ${props => (props.hasError ? 'red' : 'black')};

From d8b9980a08a51890b006d57c22e44df01d482407 Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Tue, 13 Dec 2022 15:49:51 +0100
Subject: [PATCH 25/30] 638: add privacy policy length check in backend, added
 todo for getDataPolicyQuery, add apollo fetch policy

---
 administration/src/App.tsx                                   | 3 +++
 .../src/application/components/ApplyController.tsx           | 5 ++++-
 administration/src/components/home/HomeController.tsx        | 2 +-
 administration/src/components/regions/RegionOverview.tsx     | 4 ++--
 .../app/ehrenamtskarte/backend/regions/database/Schema.kt    | 4 +++-
 .../regions/webservice/schema/RegionsMutationService.kt      | 4 ++++
 6 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/administration/src/App.tsx b/administration/src/App.tsx
index f5d846835..a2803b29d 100644
--- a/administration/src/App.tsx
+++ b/administration/src/App.tsx
@@ -41,6 +41,9 @@ const createClient = (token?: string) =>
   new ApolloClient({
     link: createAuthLink(token).concat(httpLink),
     cache: new InMemoryCache(),
+    defaultOptions: {
+      watchQuery: { fetchPolicy: 'network-only' },
+    },
   })
 
 const Main = styled.div`
diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index a0d12db7c..eca9fd333 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -12,6 +12,7 @@ import ApplicationForm from './forms/ApplicationForm'
 import { useCallback, useMemo } from 'react'
 import { SnackbarProvider, useSnackbar } from 'notistack'
 import ApplicationErrorBoundary from '../ApplicationErrorBoundary'
+import { useAppToaster } from '../../components/AppToaster'
 
 // This env variable is determined by '../../../application_commit.sh'. It holds the hash of the last commit to the
 // application form.
@@ -22,6 +23,7 @@ const regionId = 1 // TODO: Add a mechanism to retrieve the regionId
 
 const ApplyController = () => {
   const [addBlueEakApplication, { loading }] = useAddBlueEakApplicationMutation()
+  const appToaster = useAppToaster()
   const { status, state, setState } = useVersionedLocallyStoredState(
     ApplicationForm.initialState,
     applicationStorageKey,
@@ -29,7 +31,8 @@ const ApplyController = () => {
   )
   const { loading: loadingPolicy, data: policyData } = useGetDataPolicyQuery({
     variables: { regionId: regionId },
-    onError: error => console.error(error),
+    // TODO Add proper error handling and a refetch button when regionId query is implemented
+    onError: () => appToaster?.show({ intent: 'danger', message: 'Datenschutzerklärung konnte nicht geladen werden' }),
   })
   const arrayBufferManagerInitialized = useInitializeGlobalArrayBuffersManager()
   const getArrayBufferKeys = useMemo(
diff --git a/administration/src/components/home/HomeController.tsx b/administration/src/components/home/HomeController.tsx
index 6df84ede2..1d96ae992 100644
--- a/administration/src/components/home/HomeController.tsx
+++ b/administration/src/components/home/HomeController.tsx
@@ -39,7 +39,7 @@ const HomeController = () => {
         </>
       ) : null}
       {role === Role.RegionAdmin ? (
-        <NavLink to={'/region'} reloadDocument>
+        <NavLink to={'/region'}>
           <StyledButton icon='path-search' text='Region verwalten' />
         </NavLink>
       ) : null}
diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 12208855a..8eb355bbf 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -36,7 +36,7 @@ const ButtonBar = styled(({ stickyTop: number, ...rest }) => <Card {...rest} />)
 const CharCounter = styled.span<{ $hasError: boolean }>`
   text-align: center;
   align-self: flex-start;
-  color: ${props => (props.hasError ? 'red' : 'black')};
+  color: ${props => (props.$hasError ? 'red' : 'black')};
 `
 
 type RegionOverviewProps = {
@@ -92,7 +92,7 @@ const RegionOverview = ({ dataPrivacyPolicy, regionId }: RegionOverviewProps): R
           rows={20}
           placeholder={'Fügen Sie hier Ihre Datenschutzerklärung ein...'}
         />
-        <CharCounter hasError={maxCharsExceeded}>
+        <CharCounter $hasError={maxCharsExceeded}>
           {dataPrivacyText.length}/{MAX_CHARS}
         </CharCounter>
       </Content>
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt
index 118e7e563..d667e342b 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/database/Schema.kt
@@ -6,13 +6,15 @@ import org.jetbrains.exposed.dao.IntEntityClass
 import org.jetbrains.exposed.dao.id.EntityID
 import org.jetbrains.exposed.dao.id.IntIdTable
 
+const val PRIVACY_POLICY_MAX_CHARS = 20000
+
 object Regions : IntIdTable() {
     val projectId = reference("projectId", Projects)
     val regionIdentifier = char("regionIdentifier", 5).uniqueIndex().nullable() // 5-stelliger Kreisschlüssel
     val website = varchar("website", 400)
     val name = varchar("name", 100)
     val prefix = varchar("prefix", 30) // Usually "Stadt" or "Landkreis"
-    val dataPrivacyPolicy = varchar("dataPrivacyPolicy", 20000).nullable()
+    val dataPrivacyPolicy = varchar("dataPrivacyPolicy", PRIVACY_POLICY_MAX_CHARS).nullable()
 }
 
 class RegionEntity(id: EntityID<Int>) : IntEntity(id) {
diff --git a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
index c01d14863..14f6b032f 100644
--- a/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
+++ b/backend/src/main/kotlin/app/ehrenamtskarte/backend/regions/webservice/schema/RegionsMutationService.kt
@@ -4,6 +4,7 @@ import app.ehrenamtskarte.backend.auth.database.AdministratorEntity
 import app.ehrenamtskarte.backend.auth.service.Authorizer
 import app.ehrenamtskarte.backend.common.webservice.GraphQLContext
 import app.ehrenamtskarte.backend.common.webservice.UnauthorizedException
+import app.ehrenamtskarte.backend.regions.database.PRIVACY_POLICY_MAX_CHARS
 import app.ehrenamtskarte.backend.regions.database.repos.RegionsRepository
 import com.expediagroup.graphql.generator.annotations.GraphQLDescription
 import graphql.schema.DataFetchingEnvironment
@@ -17,6 +18,9 @@ class RegionsMutationService {
         val jwtPayload = dfe.getContext<GraphQLContext>().enforceSignedIn()
         transaction {
             val user = AdministratorEntity.findById(jwtPayload.userId) ?: throw UnauthorizedException()
+            if (dataPrivacyText.length> PRIVACY_POLICY_MAX_CHARS) {
+                throw RuntimeException()
+            }
             if (!Authorizer.mayUpdatePrivacyPolicyInRegion(user, regionId)) {
                 throw UnauthorizedException()
             }

From 1434f1402287a55f3c16bc66c5a4d35238e6e5e2 Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Wed, 14 Dec 2022 10:47:04 +0100
Subject: [PATCH 26/30] Update
 administration/src/application/components/ApplyController.tsx

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 administration/src/application/components/ApplyController.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index eca9fd333..27f012429 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -31,7 +31,8 @@ const ApplyController = () => {
   )
   const { loading: loadingPolicy, data: policyData } = useGetDataPolicyQuery({
     variables: { regionId: regionId },
-    // TODO Add proper error handling and a refetch button when regionId query is implemented
+    // TODO: Add proper error handling and a refetch button when regionId query is implemented
+    // TODO: Use enqueueSnackbar from notistack instead of the appToaster
     onError: () => appToaster?.show({ intent: 'danger', message: 'Datenschutzerklärung konnte nicht geladen werden' }),
   })
   const arrayBufferManagerInitialized = useInitializeGlobalArrayBuffersManager()

From 50c9b5c0afbd3a064fb3017e646c7dc91e176df9 Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Wed, 14 Dec 2022 10:56:55 +0100
Subject: [PATCH 27/30] 638: readded onBlur to FormGroup, adjusted
 RegionOverview style

---
 .../src/application/components/forms/StepSendForm.tsx      | 1 +
 .../components/primitive-inputs/CheckboxForm.tsx           | 2 +-
 administration/src/components/regions/RegionOverview.tsx   | 7 +++++--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/administration/src/application/components/forms/StepSendForm.tsx b/administration/src/application/components/forms/StepSendForm.tsx
index 686bd9104..40c6afe55 100644
--- a/administration/src/application/components/forms/StepSendForm.tsx
+++ b/administration/src/application/components/forms/StepSendForm.tsx
@@ -62,6 +62,7 @@ const StepSendForm: Form<StepSendFormState, Options, ValidatedInput, AdditionalP
           onClick={() => setOpenPrivacyPolicy(true)}>
           Datenschutzerklärung
         </Button>
+        .
       </div>
     )
     return (
diff --git a/administration/src/application/components/primitive-inputs/CheckboxForm.tsx b/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
index 1f9b565e9..6b4f8d3fe 100644
--- a/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
+++ b/administration/src/application/components/primitive-inputs/CheckboxForm.tsx
@@ -22,7 +22,7 @@ const CheckboxForm: Form<CheckboxFormState, Options, ValidatedInput, AdditionalP
     const isInvalid = validationResult.type === 'error'
 
     return (
-      <FormGroup>
+      <FormGroup onBlur={() => setTouched(true)}>
         <FormControl required={options.required} error={touched && isInvalid} disabled={disableAllInputs}>
           <FormControlLabel
             style={{ margin: '8px 0' }}
diff --git a/administration/src/components/regions/RegionOverview.tsx b/administration/src/components/regions/RegionOverview.tsx
index 8eb355bbf..196fbe886 100644
--- a/administration/src/components/regions/RegionOverview.tsx
+++ b/administration/src/components/regions/RegionOverview.tsx
@@ -1,4 +1,4 @@
-import { Button, Card, H4, TextArea } from '@blueprintjs/core'
+import { Button, Card, H3, TextArea } from '@blueprintjs/core'
 import React, { ReactElement, useState } from 'react'
 import styled from 'styled-components'
 import { useUpdateDataPolicyMutation } from '../../generated/graphql'
@@ -13,9 +13,11 @@ const Content = styled.div`
   flex-wrap: wrap;
   justify-content: space-evenly;
   align-items: center;
+  flex-direction: column;
 `
-const Label = styled(H4)`
+const Label = styled(H3)`
   text-align: center;
+  margin: 15px;
 `
 const ButtonBar = styled(({ stickyTop: number, ...rest }) => <Card {...rest} />)<{ stickyTop: number }>`
   width: 100%;
@@ -37,6 +39,7 @@ const CharCounter = styled.span<{ $hasError: boolean }>`
   text-align: center;
   align-self: flex-start;
   color: ${props => (props.$hasError ? 'red' : 'black')};
+  margin: 15px;
 `
 
 type RegionOverviewProps = {

From 39481ccbbbbe4cea7e942300ef1894c3778cf7e0 Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Wed, 14 Dec 2022 11:02:31 +0100
Subject: [PATCH 28/30] 638: merge whitelabel branch and format frontend and
 backend

---
 .../components/ApplyController.tsx            | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index 42df57208..cf47fbada 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -93,23 +93,25 @@ const ApplyController = () => {
             Sie können das Fenster schließen.`
 
   return (
-      <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'start', margin: '16px' }}>
-        <div style={{ maxWidth: '1000px', width: '100%' }}>
-          <h2 style={{ textAlign: 'center' }}>{formSubmitted ? 'Erfolgreich gesendet' : 'Ehrenamtskarte beantragen'}</h2>
-          {formSubmitted ? (
-              <SuccessContent>{successText}</SuccessContent>
-          ) : (
-              <ApplicationForm.Component state={state}
-                                         setState={setState}
-                                         onSubmit={submit}
-                                         loading={loading || loadingPolicy}
-                                         privacyPolicy={policyData?.dataPolicy.dataPrivacyPolicy ?? ''}/>
-          )}
-          <DialogActions>
-            {loading || loadingPolicy || formSubmitted ? null : <DiscardAllInputsButton discardAll={discardAll} />}
-          </DialogActions>
-        </div>
+    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'start', margin: '16px' }}>
+      <div style={{ maxWidth: '1000px', width: '100%' }}>
+        <h2 style={{ textAlign: 'center' }}>{formSubmitted ? 'Erfolgreich gesendet' : 'Ehrenamtskarte beantragen'}</h2>
+        {formSubmitted ? (
+          <SuccessContent>{successText}</SuccessContent>
+        ) : (
+          <ApplicationForm.Component
+            state={state}
+            setState={setState}
+            onSubmit={submit}
+            loading={loading || loadingPolicy}
+            privacyPolicy={policyData?.dataPolicy.dataPrivacyPolicy ?? ''}
+          />
+        )}
+        <DialogActions>
+          {loading || loadingPolicy || formSubmitted ? null : <DiscardAllInputsButton discardAll={discardAll} />}
+        </DialogActions>
       </div>
+    </div>
   )
 }
 

From 652a564b992a648bc6b7025a5ae20630ef863bae Mon Sep 17 00:00:00 2001
From: Andreas Fischer <37902063+f1sh1918@users.noreply.github.com>
Date: Wed, 14 Dec 2022 13:17:18 +0100
Subject: [PATCH 29/30] Update
 administration/src/application/components/ApplyController.tsx

Co-authored-by: Michael Markl <marklmichael98@gmail.com>
---
 administration/src/application/components/ApplyController.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index cf47fbada..f12cbbb3f 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -35,7 +35,7 @@ const ApplyController = () => {
   const [addBlueEakApplication, { loading }] = useAddBlueEakApplicationMutation({
     onError: error => {
       console.error(error)
-      enqueueSnackbar('Beim Absenden des Antrags is ein Fehler aufgetreten', { variant: 'error' })
+      enqueueSnackbar('Beim Absenden des Antrags ist ein Fehler aufgetreten.', { variant: 'error' })
     },
     onCompleted: result => {
       if (result) {

From 51cce3a23fa10322b40f69afa339a42afed7333e Mon Sep 17 00:00:00 2001
From: Andy <fischer@integreat-app.de>
Date: Wed, 14 Dec 2022 13:20:51 +0100
Subject: [PATCH 30/30] 638: fix typo

---
 administration/src/application/components/ApplyController.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/administration/src/application/components/ApplyController.tsx b/administration/src/application/components/ApplyController.tsx
index f12cbbb3f..1e3610bb6 100644
--- a/administration/src/application/components/ApplyController.tsx
+++ b/administration/src/application/components/ApplyController.tsx
@@ -42,7 +42,7 @@ const ApplyController = () => {
         setState(() => ApplicationForm.initialState)
         setFormSubmitted(true)
       } else {
-        enqueueSnackbar('Beim Absenden des Antrags is ein Fehler aufgetreten.', { variant: 'error' })
+        enqueueSnackbar('Beim Absenden des Antrags ist ein Fehler aufgetreten.', { variant: 'error' })
       }
     },
   })