Fixing linting errors

frontend/src/routes/components/overviewGuestButton.tsx

@@ -6,7 +6,6 @@ import { useHistory } from 'react-router-dom'
 import ArrowBackIcon from '@mui/icons-material/ArrowBack'
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward'
 
-
 export default function OverviewGuestButton() {
   const { t } = useTranslation(['common'])
   const history = useHistory()
@@ -16,34 +15,43 @@ export default function OverviewGuestButton() {
   }
 
   return (
-    <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'baseline', justifyContent: 'space-evenly' }}>
-
-      {/*TODO Where should the back arrow point to?*/}
-      <ArrowBackIcon>
-
-      </ArrowBackIcon>
-
-      <Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'baseline',
+        justifyContent: 'space-evenly',
+      }}
+    >
+      {/* TODO Where should the back arrow point to? */}
+      <ArrowBackIcon />
+
+      <Box
+        sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}
+      >
         <IconButton onClick={goToGuestOverview}>
           <PersonIcon
-            fontSize='large'
+            fontSize="large"
             sx={{
               borderRadius: '2rem',
               borderStyle: 'solid',
               borderColor: 'primary.main',
               fill: 'white',
               backgroundColor: 'primary.main',
-            }} />
+            }}
+          />
         </IconButton>
-        <Box sx={{
-          typography: 'caption',
-        }}>
+        <Box
+          sx={{
+            typography: 'caption',
+          }}
+        >
           {t('yourGuestAccount')}
         </Box>
       </Box>
 
       <IconButton disabled>
-        <ArrowForwardIcon visibility='hidden' />
+        <ArrowForwardIcon visibility="hidden" />
       </IconButton>
     </Box>
   )

frontend/src/routes/guest/register/index.tsx

@@ -25,12 +25,15 @@ enum SubmitState {
 export default function GuestRegister() {
   const { t } = useTranslation(['common'])
   const history = useHistory()
-  const [errorState, setErrorState] = useState<string | null>(null)
+  // TODO On submit successful the user should be directed to some page telling h
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [submitState, setSubmitState] = useState<SubmitState>(
     SubmitState.NotSubmitted
   )
   const guestRegisterRef = useRef<GuestRegisterCallableMethods>(null)
   const REGISTER_STEP = 0
+  // TODO Set step when user moves between pages
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [activeStep, setActiveStep] = useState(0)
 
   const [guestFormData, setGuestFormData] =
@@ -57,14 +60,8 @@ export default function GuestRegister() {
 
       if (response.ok) {
         response.json().then((jsonResponse) => {
-          const userInformationSource =
-            jsonResponse.meta.user_information_source
-
-          // TODO Set up so that information about the authentication method is included in the reponse from the server (if the user is logged in by Feide)
-          const userSource =
-            userInformationSource === 'feide'
-              ? AuthenticationMethod.Feide
-              : AuthenticationMethod.NationalIdNumberOrPassport
+          // TODO Set up so that information about the authentication method is included in the response from the server (if the user is logged in by Feide)
+          const userSource = AuthenticationMethod.NationalIdNumberOrPassport
 
           setGuestFormData({
             first_name: jsonResponse.person.first_name,
@@ -173,7 +170,7 @@ export default function GuestRegister() {
 
         <Button onClick={handleCancel}>{t('button.cancel')}</Button>
 
-        {/*TODO This button is only for testing while developing*/}
+        {/* TODO This button is only for testing while developing */}
         <Button onClick={handleSave}>{t('button.save')}</Button>
       </Box>
     </Page>

frontend/src/routes/guest/register/registerPage.test.tsx

@@ -7,7 +7,9 @@ import { EnteredGuestData } from './enteredGuestData'
 import AuthenticationMethod from './authenticationMethod'
 
 test('Guest register page showing passport field on manual registration', async () => {
-  const nextHandler = (enteredGuestData: EnteredGuestData) => {}
+  const nextHandler = (enteredGuestData: EnteredGuestData) => {
+    console.log(`Entered data: ${enteredGuestData}`)
+  }
   const guestData = {
     first_name: '',
     last_name: '',

frontend/src/routes/guest/register/registerPage.tsx

@@ -15,13 +15,12 @@ import {
   getCountries,
   getCountryCallingCode,
 } from 'libphonenumber-js'
-import { ContactInformationBySponsor } from './guestDataForm'
 import { getName } from 'i18n-iso-countries'
+import { ContactInformationBySponsor } from './guestDataForm'
 import { EnteredGuestData } from './enteredGuestData'
 import { GuestRegisterCallableMethods } from './guestRegisterCallableMethods'
 import { isValidFnr, isValidMobilePhoneNumber } from '../../../utils'
 import AuthenticationMethod from './authenticationMethod'
-import { CountryCallingCodes } from 'libphonenumber-js/types'
 
 interface GuestRegisterProperties {
   nextHandler(guestData: EnteredGuestData): void
@@ -45,9 +44,9 @@ const GuestRegisterStep = forwardRef(
 
     const handleCountryCodeChange = (event: SelectChangeEvent) => {
       if (event.target.value) {
-        const countryCodeType = getCountries().find((value) => {
-          return value.toString() === event.target.value
-        })
+        const countryCodeType = getCountries().find(
+          (value) => value.toString() === event.target.value
+        )
         if (countryCodeType) {
           setCountryCode(getCountryCallingCode(countryCodeType))
         }