correct type import

src/Components/Profile/ProfileForm.tsx

@@ -21,8 +21,8 @@ import { TabsForm } from './Templates/TabsForm'
 
 import type { FormState } from '#types/FormState'
 import type { Item } from '#types/Item'
+import type { MarkerIcon } from '#types/MarkerIcon'
 import type { Tag } from '#types/Tag'
-import type { markerIcon } from '#utils/MarkerIconFactory'
 
 /**
  * @category Profile
@@ -40,7 +40,7 @@ export function ProfileForm() {
     telephone: '',
     next_appointment: '',
     image: '',
-    marker_icon: {} as markerIcon,
+    marker_icon: {} as MarkerIcon,
     offers: [] as Tag[],
     needs: [] as Tag[],
     relations: [] as Item[],

src/Utils/MarkerIconFactory.ts

@@ -2,10 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 import { divIcon, Point } from 'leaflet'
 
-export interface markerIcon {
-  image: string
-  size?: number
-}
+import type { MarkerIcon } from '#types/MarkerIcon'
 
 const createSvg = (shape: string, markerColor: string, borderColor: string) => {
   const svgMap = {
@@ -38,7 +35,7 @@ const MarkerIconFactory = (
   shape: string,
   color1: string,
   color2: string,
-  icon?: markerIcon,
+  icon?: MarkerIcon,
   assetsURL?: string,
 ) => {
   if (icon && assetsURL)

src/types/Item.d.ts

@@ -1,6 +1,6 @@
-import type { markerIcon } from '#utils/MarkerIconFactory'
 import type { ItemsApi } from './ItemsApi'
 import type { LayerProps } from './LayerProps'
+import type { MarkerIcon } from './MarkerIcon'
 import type { Relation } from './Relation'
 import type { UserItem } from './UserItem'
 import type { Point } from 'geojson'
@@ -44,7 +44,7 @@ export interface Item {
   needs?: TagIds
   status?: string
   color?: string
-  markerIcon?: markerIcon
+  markerIcon?: MarkerIcon
   avatar?: string
   new?: boolean
   contact?: string

src/types/LayerProps.d.ts

@@ -1,8 +1,8 @@
-import type { markerIcon } from '#utils/MarkerIconFactory'
 import type { Item } from './Item'
 import type { ItemFormPopupProps } from './ItemFormPopupProps'
 import type { ItemsApi } from './ItemsApi'
 import type { ItemType } from './ItemType'
+import type { MarkerIcon } from './MarkerIcon'
 
 /**
  * @category Types
@@ -15,7 +15,7 @@ export interface LayerProps {
   menuIcon: string
   menuColor: string
   menuText: string
-  markerIcon: markerIcon
+  markerIcon: MarkerIcon
   markerShape: string
   markerDefaultColor: string
   markerDefaultColor2?: string

src/types/MarkerIcon.d.ts

@@ -0,0 +1,4 @@
+export interface MarkerIcon {
+  image: string
+  size?: number
+}