GREG-60: Sending data to invite endpoint instead of register

frontend/src/hooks/useRoleTypes/index.tsx

 import { useState, useEffect } from 'react'
 
 type RoleTypeData = {
+  id: number
   identifier: string
   name_en: string
   name_nb: string
@@ -10,7 +11,7 @@ function useRoleTypes(): RoleTypeData[] {
   const [roleTypes, setRoleTypes] = useState<RoleTypeData[]>([])
 
   async function fetchRoleTypes() {
-    fetch(`http://localhost:3000/api/ui/v1/roletypes`)
+    fetch(`/api/ui/v1/roletypes`)
       .then(data => data.text())
       .then((result => {
         // The response is a JSON-array

frontend/src/routes/register/stepPersonForm.tsx

@@ -123,7 +123,7 @@ const StepPersonForm = forwardRef((props: StepPersonFormProperties, ref: Ref<Per
               error={!!errors.email}
               helperText={errors.email && errors.email.message}
               {...register(`email`, {
-                validate: isValidEmail
+                validate: isValidEmail,
               })}
             />
             <FormControl fullWidth>
@@ -161,7 +161,7 @@ const StepPersonForm = forwardRef((props: StepPersonFormProperties, ref: Ref<Per
                 roleTypes.sort(roleTypeSort())
                   .map((roleType) => (
                     <MenuItem
-                      value={roleType.identifier}>{i18n.language === 'en' ? roleType.name_en : roleType.name_nb}</MenuItem>
+                      value={roleType.id}>{i18n.language === 'en' ? roleType.name_en : roleType.name_nb}</MenuItem>
                   ))
               }
             </TextField>
@@ -211,4 +211,4 @@ const StepPersonForm = forwardRef((props: StepPersonFormProperties, ref: Ref<Per
   )
 })
 
-export default StepPersonForm
+export default StepPersonForm
\ No newline at end of file

frontend/src/routes/register/stepSummary.tsx

@@ -11,7 +11,7 @@ import { postJsonOpts } from '../../utils'
 import { PersonFormMethods } from './personFormMethods'
 import useOus from '../../hooks/useOus'
 import useRoleTypes from '../../hooks/useRoleTypes'
-import { SubmitState } from './submitState'
+import SubmitState from './submitState'
 
 
 interface StepSummaryProperties {
@@ -31,15 +31,18 @@ const StepSummary = forwardRef((props: StepSummaryProperties, ref: Ref<PersonFor
       const payload = {
         first_name: data.first_name,
         last_name: data.last_name,
-        role_type: data.role_type,
-        role_start: data.role_start === null ? null : format(data.role_start as Date, 'yyyy-MM-dd'),
-        role_end: data.role_end === null ? null : format(data.role_end as Date, 'yyyy-MM-dd'),
-        comment: data.comment,
-        ou: data.ou_id,
         email: data.email,
+        role: {
+          type: data.role_type,
+          start_date: data.role_start === null ? null : format(data.role_start as Date, 'yyyy-MM-dd'),
+          end_date: data.role_end === null ? null : format(data.role_end as Date, 'yyyy-MM-dd'),
+          comments: data.comment,
+          orgunit_id: data.ou_id,
+        },
       }
+
       console.log('submitting', JSON.stringify(payload))
-      fetch('/api/ui/v1/register/', postJsonOpts(payload))
+      fetch('/api/ui/v1/invite/', postJsonOpts(payload))
         .then((res) => {
           if (!res.ok) {
             onSubmitFailure()
@@ -216,4 +219,4 @@ const StepSummary = forwardRef((props: StepSummaryProperties, ref: Ref<PersonFor
   },
 )
 
-export default StepSummary
+export default StepSummary
\ No newline at end of file

gregui/api/serializers/roletype.py

@@ -6,4 +6,4 @@ from greg.models import RoleType
 class RoleTypeSerializerUi(ModelSerializer):
     class Meta:
         model = RoleType
-        fields = ("identifier", "name_en", "name_nb")
+        fields = ("id", "identifier", "name_en", "name_nb")