chore(j-s): Stop importing React (#15806)

* Stop importing React * Stop importing React * Stop importing React * Stop importing React * Stop importing React --------- Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
island-is · Aug 29, 2024 · fccaa6d · fccaa6d
1 parent 77e96d5
commit fccaa6d
Show file tree

Hide file tree

Showing 213 changed files with 256 additions and 289 deletions.
diff --git a/apps/judicial-system/web/pages/_app.tsx b/apps/judicial-system/web/pages/_app.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import App, { AppContext, AppProps } from 'next/app'
 import getConfig from 'next/config'
 import Head from 'next/head'

diff --git a/apps/judicial-system/web/pages/_document.tsx b/apps/judicial-system/web/pages/_document.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import Document, { Head, Html, Main, NextScript } from 'next/document'
 
 export default class MyDocument extends Document {

diff --git a/...ystem/web/src/components/AccordionItems/CaseFilesAccordionItem/CaseFilesAccordionItem.tsx b/...ystem/web/src/components/AccordionItems/CaseFilesAccordionItem/CaseFilesAccordionItem.tsx
@@ -1,4 +1,4 @@
-import React, { Dispatch, FC, SetStateAction } from 'react'
+import { Dispatch, FC, SetStateAction } from 'react'
 import { useIntl } from 'react-intl'
 import { AnimatePresence } from 'framer-motion'
 

diff --git a/...al-system/web/src/components/AccordionItems/CaseFilesAccordionItem/UploadStateMessage.tsx b/...al-system/web/src/components/AccordionItems/CaseFilesAccordionItem/UploadStateMessage.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { motion } from 'framer-motion'
 
 import { Box, Icon, IconMapIcon, Text } from '@island.is/island-ui/core'

diff --git a/...-system/web/src/components/AccordionItems/CommentsAccordionItem/CommentsAccordionItem.tsx b/...-system/web/src/components/AccordionItems/CommentsAccordionItem/CommentsAccordionItem.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { AccordionItem, Box, Text } from '@island.is/island-ui/core'

diff --git a/...onents/AccordionItems/ConnectedCaseFilesAccordionItem/ConnectedCaseFilesAccordionItem.tsx b/...onents/AccordionItems/ConnectedCaseFilesAccordionItem/ConnectedCaseFilesAccordionItem.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { AccordionItem } from '@island.is/island-ui/core'

diff --git a/...m/web/src/components/AccordionItems/CourtRecordAccordionItem/CourtRecordAccordionItem.tsx b/...m/web/src/components/AccordionItems/CourtRecordAccordionItem/CourtRecordAccordionItem.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 import isSameDay from 'date-fns/isSameDay'
 

diff --git a/.../AccordionItems/IndictmentsLawsBrokenAccordionItem/IndictmentsLawsBrokenAccordionItem.tsx b/.../AccordionItems/IndictmentsLawsBrokenAccordionItem/IndictmentsLawsBrokenAccordionItem.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { Accordion, AccordionItem, Text } from '@island.is/island-ui/core'

diff --git a/...b/src/components/AccordionItems/PoliceRequestAccordionItem/PoliceRequestAccordionItem.tsx b/...b/src/components/AccordionItems/PoliceRequestAccordionItem/PoliceRequestAccordionItem.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { AccordionItem, Box, Text } from '@island.is/island-ui/core'

diff --git a/...cial-system/web/src/components/AccordionItems/RulingAccordionItem/RulingAccordionItem.tsx b/...cial-system/web/src/components/AccordionItems/RulingAccordionItem/RulingAccordionItem.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { AccordionItem, Box, Text } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/AccordionListItem/AccordionListItem.tsx b/apps/judicial-system/web/src/components/AccordionListItem/AccordionListItem.tsx
@@ -1,4 +1,4 @@
-import React, { FC, PropsWithChildren } from 'react'
+import { FC, PropsWithChildren } from 'react'
 
 import { Box, Text } from '@island.is/island-ui/core'
 

diff --git a/...dicial-system/web/src/components/AppealCaseFilesOverview/AppealCaseFilesOverview.spec.tsx b/...dicial-system/web/src/components/AppealCaseFilesOverview/AppealCaseFilesOverview.spec.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React from 'react'
 import { IntlProvider } from 'react-intl'
 import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client'
 import { render, screen, within } from '@testing-library/react'

diff --git a/apps/judicial-system/web/src/components/AppealCaseFilesOverview/AppealCaseFilesOverview.tsx b/apps/judicial-system/web/src/components/AppealCaseFilesOverview/AppealCaseFilesOverview.tsx
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from 'react'
+import { useContext, useEffect, useState } from 'react'
 import { useIntl } from 'react-intl'
 import { AnimatePresence } from 'framer-motion'
 import router from 'next/router'

diff --git a/apps/judicial-system/web/src/components/BigTextSmallText/BigTextSmallText.tsx b/apps/judicial-system/web/src/components/BigTextSmallText/BigTextSmallText.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 
 import { Box, Text } from '@island.is/island-ui/core'
 

diff --git a/apps/judicial-system/web/src/components/BlueBox/BlueBox.tsx b/apps/judicial-system/web/src/components/BlueBox/BlueBox.tsx
@@ -1,4 +1,4 @@
-import React, { FC, PropsWithChildren } from 'react'
+import { FC, PropsWithChildren } from 'react'
 import cn from 'classnames'
 
 import { TestSupport } from '@island.is/island-ui/utils'

diff --git a/apps/judicial-system/web/src/components/BlueBoxWithIcon/BlueBoxWithIcon.tsx b/apps/judicial-system/web/src/components/BlueBoxWithIcon/BlueBoxWithIcon.tsx
@@ -1,15 +1,15 @@
-import { FC } from 'react'
+import { FC, ReactNode } from 'react'
 
 import { Box, Icon, IconMapIcon, Text } from '@island.is/island-ui/core'
 
 import * as styles from './BlueBoxWithIcon.css'
 
 export interface DataSection {
-  data: { title: string; value?: React.ReactNode }[]
+  data: { title: string; value?: ReactNode }[]
 }
 
 interface Props {
-  data: { title: string; value?: React.ReactNode }[]
+  data: { title: string; value?: ReactNode }[]
   icon?: IconMapIcon
 }
 

diff --git a/apps/judicial-system/web/src/components/BlueBoxWithIcon/CaseScheduledCard.tsx b/apps/judicial-system/web/src/components/BlueBoxWithIcon/CaseScheduledCard.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { Text } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/BlueBoxWithIcon/IndictmentCaseScheduledCard.tsx b/apps/judicial-system/web/src/components/BlueBoxWithIcon/IndictmentCaseScheduledCard.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { Text } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/CaseDates/CaseDates.spec.tsx b/apps/judicial-system/web/src/components/CaseDates/CaseDates.spec.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { IntlProvider } from 'react-intl'
 import { render, screen } from '@testing-library/react'
 

diff --git a/apps/judicial-system/web/src/components/CaseDates/CaseDates.tsx b/apps/judicial-system/web/src/components/CaseDates/CaseDates.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { Box, Button, IconMapIcon, Text } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/CaseFile/CaseFile.tsx b/apps/judicial-system/web/src/components/CaseFile/CaseFile.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import cn from 'classnames'
 
 import { IconMapIcon } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/CaseFileList/CaseFileList.spec.tsx b/apps/judicial-system/web/src/components/CaseFileList/CaseFileList.spec.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { MockedProvider } from '@apollo/client/testing'
 import { render, screen } from '@testing-library/react'
 

diff --git a/apps/judicial-system/web/src/components/CaseFileList/CaseFileList.tsx b/apps/judicial-system/web/src/components/CaseFileList/CaseFileList.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 import { AnimatePresence } from 'framer-motion'
 

diff --git a/apps/judicial-system/web/src/components/CaseInfo/CaseInfo.tsx b/apps/judicial-system/web/src/components/CaseInfo/CaseInfo.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { IntlShape, useIntl } from 'react-intl'
 import flatMap from 'lodash/flatMap'
 

diff --git a/apps/judicial-system/web/src/components/CaseResentExplanation/CaseResentExplanation.tsx b/apps/judicial-system/web/src/components/CaseResentExplanation/CaseResentExplanation.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { AlertMessage } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/CaseResubmitModal/CaseResubmitModal.tsx b/apps/judicial-system/web/src/components/CaseResubmitModal/CaseResubmitModal.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useState } from 'react'
+import { FC, useState } from 'react'
 import { IntlShape, useIntl } from 'react-intl'
 
 import { Box, Input } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/CaseTitleInfoAndTags/CaseTitleInfoAndTags.tsx b/apps/judicial-system/web/src/components/CaseTitleInfoAndTags/CaseTitleInfoAndTags.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useContext } from 'react'
+import { FC, useContext } from 'react'
 import { useIntl } from 'react-intl'
 
 import { Box, Text } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/CheckboxList/CheckboxList.tsx b/apps/judicial-system/web/src/components/CheckboxList/CheckboxList.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { MessageDescriptor, useIntl } from 'react-intl'
 
 import {

diff --git a/apps/judicial-system/web/src/components/CommentsInput/CommentsInput.tsx b/apps/judicial-system/web/src/components/CommentsInput/CommentsInput.tsx
@@ -1,4 +1,4 @@
-import React, { Dispatch, FC, SetStateAction } from 'react'
+import { Dispatch, FC, SetStateAction } from 'react'
 import { useIntl } from 'react-intl'
 
 import { Box, Input, Text, Tooltip } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/Conclusion/Conclusion.tsx b/apps/judicial-system/web/src/components/Conclusion/Conclusion.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 
 import { Box, Text } from '@island.is/island-ui/core'
 

diff --git a/apps/judicial-system/web/src/components/ConclusionDraft/ConclusionDraft.tsx b/apps/judicial-system/web/src/components/ConclusionDraft/ConclusionDraft.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { Dispatch, FC, SetStateAction } from 'react'
 import { useIntl } from 'react-intl'
 
 import { Box, Text } from '@island.is/island-ui/core'
@@ -14,7 +14,7 @@ import { useCase } from '../../utils/hooks'
 
 interface Props {
   workingCase: Case
-  setWorkingCase: React.Dispatch<React.SetStateAction<Case>>
+  setWorkingCase: Dispatch<SetStateAction<Case>>
 }
 
 const ConclusionDraft: FC<Props> = ({ workingCase, setWorkingCase }) => {

diff --git a/apps/judicial-system/web/src/components/ContextMenu/ContextMenu.spec.tsx b/apps/judicial-system/web/src/components/ContextMenu/ContextMenu.spec.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
 
 import ContextMenu from '../ContextMenu/ContextMenu'

diff --git a/apps/judicial-system/web/src/components/ContextMenu/ContextMenu.tsx b/apps/judicial-system/web/src/components/ContextMenu/ContextMenu.tsx
@@ -1,4 +1,4 @@
-import React, { forwardRef, ReactElement } from 'react'
+import { cloneElement, forwardRef, ReactElement } from 'react'
 import { useIntl } from 'react-intl'
 import cn from 'classnames'
 import { Menu, MenuButton, MenuItem, useMenuState } from 'reakit/Menu'
@@ -98,9 +98,7 @@ const ContextMenu = forwardRef<HTMLElement, ContextMenuProps & TestSupport>(
             {...disclosure.props}
             dataTestId={dataTestId}
           >
-            {(disclosureProps) =>
-              React.cloneElement(disclosure, disclosureProps)
-            }
+            {(disclosureProps) => cloneElement(disclosure, disclosureProps)}
           </MenuButton>
         ) : (
           <MenuButton as={Button} icon="add" {...menu} dataTestId={dataTestId}>

diff --git a/...ial-system/web/src/components/ContextMenu/ContextMenuOptions/WithdrawAppealMenuOption.tsx b/...ial-system/web/src/components/ContextMenu/ContextMenuOptions/WithdrawAppealMenuOption.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useCallback, useContext, useState } from 'react'
+import { FC, useCallback, useContext, useState } from 'react'
 import { useIntl } from 'react-intl'
 
 import { IconMapIcon } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/CourtArrangements/CourtArrangements.tsx b/apps/judicial-system/web/src/components/CourtArrangements/CourtArrangements.tsx
@@ -1,4 +1,4 @@
-import React, { FC, SetStateAction, useEffect, useState } from 'react'
+import { FC, SetStateAction, useEffect, useState } from 'react'
 import { useIntl } from 'react-intl'
 import compareAsc from 'date-fns/compareAsc'
 

diff --git a/apps/judicial-system/web/src/components/CourtDocuments/CourtDocuments.tsx b/apps/judicial-system/web/src/components/CourtDocuments/CourtDocuments.tsx
@@ -1,4 +1,4 @@
-import React, { Dispatch, FC, useState } from 'react'
+import { Dispatch, FC, SetStateAction, useState } from 'react'
 import { useIntl } from 'react-intl'
 import Select, {
   ClearIndicatorProps,
@@ -27,7 +27,7 @@ import * as styles from './CourtDocuments.css'
 
 interface Props {
   workingCase: Case
-  setWorkingCase: Dispatch<React.SetStateAction<Case>>
+  setWorkingCase: Dispatch<SetStateAction<Case>>
 }
 
 const CourtDocuments: FC<Props> = ({ workingCase, setWorkingCase }) => {

diff --git a/apps/judicial-system/web/src/components/DateTime/DateTime.spec.tsx b/apps/judicial-system/web/src/components/DateTime/DateTime.spec.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { IntlProvider } from 'react-intl'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'

diff --git a/apps/judicial-system/web/src/components/DateTime/DateTime.tsx b/apps/judicial-system/web/src/components/DateTime/DateTime.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useState } from 'react'
+import { ChangeEvent, FC, FocusEvent, useEffect, useState } from 'react'
 import { useIntl } from 'react-intl'
 
 import { DatePicker, Input } from '@island.is/island-ui/core'
@@ -117,7 +117,7 @@ const DateTime: FC<Props> = ({
     )
   }
 
-  const onTimeChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+  const onTimeChange = (event: ChangeEvent<HTMLInputElement>) => {
     const newTime = event.target.value
 
     setCurrentTime(newTime)
@@ -133,7 +133,7 @@ const DateTime: FC<Props> = ({
     sendToParent(currentDate, newTime)
   }
 
-  const onTimeBlur = (event: React.FocusEvent<HTMLInputElement>) => {
+  const onTimeBlur = (event: FocusEvent<HTMLInputElement>) => {
     const time = event.target.value
 
     const validations: Validation[] = ['empty', 'time-format']

diff --git a/apps/judicial-system/web/src/components/Decision/Decision.tsx b/apps/judicial-system/web/src/components/Decision/Decision.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useState } from 'react'
+import { FC, useState } from 'react'
 
 import { Box, RadioButton } from '@island.is/island-ui/core'
 import {

diff --git a/apps/judicial-system/web/src/components/DefenderInfo/DefenderInfo.tsx b/apps/judicial-system/web/src/components/DefenderInfo/DefenderInfo.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useContext, useState } from 'react'
+import { Dispatch, FC, SetStateAction, useContext, useState } from 'react'
 import { useIntl } from 'react-intl'
 
 import { Box, RadioButton, Text, Tooltip } from '@island.is/island-ui/core'
@@ -24,7 +24,7 @@ import { defenderInfo } from './DefenderInfo.strings'
 
 interface Props {
   workingCase: Case
-  setWorkingCase: React.Dispatch<React.SetStateAction<Case>>
+  setWorkingCase: Dispatch<SetStateAction<Case>>
 }
 
 const DefenderInfo: FC<Props> = ({ workingCase, setWorkingCase }) => {

diff --git a/apps/judicial-system/web/src/components/DefenderInfo/DefenderInput.tsx b/apps/judicial-system/web/src/components/DefenderInfo/DefenderInput.tsx
@@ -1,4 +1,5 @@
-import React, {
+import {
+  Dispatch,
   FC,
   SetStateAction,
   useCallback,
@@ -43,7 +44,7 @@ interface PropertyValidation {
   validations: Validation[]
   errorMessageHandler: {
     errorMessage: string
-    setErrorMessage: React.Dispatch<React.SetStateAction<string>>
+    setErrorMessage: Dispatch<SetStateAction<string>>
   }
 }
 
@@ -167,7 +168,7 @@ const DefenderInput: FC<Props> = ({
       defendantId: string,
       property: InputType,
       value: string,
-      setWorkingCase: React.Dispatch<SetStateAction<Case>>,
+      setWorkingCase: Dispatch<SetStateAction<Case>>,
     ) => {
       let newValue = value
       const propertyValidation = propertyValidations(property)

diff --git a/apps/judicial-system/web/src/components/DefenderInfo/DefenderNotFound.tsx b/apps/judicial-system/web/src/components/DefenderInfo/DefenderNotFound.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { useIntl } from 'react-intl'
 
 import { AlertMessage, Box } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/FeatureProvider/FeatureProvider.tsx b/apps/judicial-system/web/src/components/FeatureProvider/FeatureProvider.tsx
@@ -1,4 +1,4 @@
-import React, {
+import {
   createContext,
   FC,
   PropsWithChildren,

diff --git a/apps/judicial-system/web/src/components/FileNotFoundModal/FileNotFoundModal.tsx b/apps/judicial-system/web/src/components/FileNotFoundModal/FileNotFoundModal.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 
 import { Modal } from '@island.is/judicial-system-web/src/components'

diff --git a/apps/judicial-system/web/src/components/FormContentContainer/FormContentContainer.tsx b/apps/judicial-system/web/src/components/FormContentContainer/FormContentContainer.tsx
@@ -1,4 +1,4 @@
-import React, { FC, PropsWithChildren } from 'react'
+import { FC, PropsWithChildren } from 'react'
 
 import { Box } from '@island.is/island-ui/core'
 

diff --git a/apps/judicial-system/web/src/components/FormFooter/FormFooter.tsx b/apps/judicial-system/web/src/components/FormFooter/FormFooter.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { useIntl } from 'react-intl'
 import { useWindowSize } from 'react-use'
 import cn from 'classnames'

diff --git a/apps/judicial-system/web/src/components/FormProvider/FormProvider.tsx b/apps/judicial-system/web/src/components/FormProvider/FormProvider.tsx
@@ -1,6 +1,8 @@
-import React, {
+import {
   createContext,
+  Dispatch,
   ReactNode,
+  SetStateAction,
   useCallback,
   useContext,
   useEffect,
@@ -35,7 +37,7 @@ type ProviderState =
 
 interface FormProvider {
   workingCase: Case
-  setWorkingCase: React.Dispatch<React.SetStateAction<Case>>
+  setWorkingCase: Dispatch<SetStateAction<Case>>
   isLoadingWorkingCase: boolean
   caseNotFound: boolean
   isCaseUpToDate: boolean

diff --git a/apps/judicial-system/web/src/components/Header/Header.tsx b/apps/judicial-system/web/src/components/Header/Header.tsx
@@ -1,10 +1,4 @@
-import React, {
-  FC,
-  PropsWithChildren,
-  useContext,
-  useEffect,
-  useState,
-} from 'react'
+import { FC, PropsWithChildren, useContext, useEffect, useState } from 'react'
 import { useIntl } from 'react-intl'
 import getConfig from 'next/config'
 import Link from 'next/link'

diff --git a/apps/judicial-system/web/src/components/HideableText/HideableText.tsx b/apps/judicial-system/web/src/components/HideableText/HideableText.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { AnimatePresence, motion } from 'framer-motion'
 
 import { Icon, Text, Tooltip } from '@island.is/island-ui/core'

diff --git a/apps/judicial-system/web/src/components/IconAndText/IconAndText.tsx b/apps/judicial-system/web/src/components/IconAndText/IconAndText.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import { FC } from 'react'
 
 import { Box, Icon, IconMapIcon, Text } from '@island.is/island-ui/core'
 import { Colors } from '@island.is/island-ui/theme'