From ada88edfce68df5bcc2266b5f539feb78146e2ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=20Erik=20St=C3=B8wer?= <testower@gmail.com>
Date: Tue, 12 Dec 2023 21:55:28 +0100
Subject: [PATCH] Add radio buttons for choosing personal or notification
 account on new user

---
 src/modals/ModalCreateUser.js | 43 ++++++++++++++++++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/src/modals/ModalCreateUser.js b/src/modals/ModalCreateUser.js
index 3a3e1380..fb64bf1f 100644
--- a/src/modals/ModalCreateUser.js
+++ b/src/modals/ModalCreateUser.js
@@ -22,6 +22,13 @@ import SelectField from 'material-ui/SelectField';
 import MenuItem from 'material-ui/MenuItem';
 import ResponsiblitySetList from './ResponsiblitySetList';
 import UserRespSetPopover from './UserRespSetPopover';
+import {
+  FormControl,
+  FormLabel,
+  RadioGroup,
+  FormControlLabel,
+  Radio
+} from '@material-ui/core';
 
 const initialState = {
   user: {
@@ -33,7 +40,8 @@ const initialState = {
       phone: '',
       firstName: '',
       lastName: ''
-    }
+    },
+    personal_account: true
   },
   isAddingResponsibilitySet: false,
   temptResponsibilitySet: '',
@@ -96,6 +104,17 @@ class ModalCreateUser extends React.Component {
     });
   }
 
+  handleChangeIsPersonalAccount(value) {
+    const { user } = this.state;
+    this.setState({
+      ...this.state,
+      user: {
+        ...user,
+        personal_account: value === 'personal_account'
+      }
+    });
+  }
+
   validateBy(type, value) {
     const emailRe = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     const usernameRe = /^[a-zA-Z-. ]*$/;
@@ -188,6 +207,28 @@ class ModalCreateUser extends React.Component {
             flexDirection: 'column'
           }}
         >
+          <FormControl>
+            <RadioGroup
+              defaultValue="personal_account"
+              value={
+                user.personal_account
+                  ? 'personal_account'
+                  : 'notification_account'
+              }
+              onChange={(e, value) => this.handleChangeIsPersonalAccount(value)}
+            >
+              <FormControlLabel
+                value="personal_account"
+                control={<Radio />}
+                label="Personal account"
+              />
+              <FormControlLabel
+                value="notification_account"
+                control={<Radio />}
+                label="Notification account"
+              />
+            </RadioGroup>
+          </FormControl>
           <TextField
             hintText="Username"
             floatingLabelText="Username"