import using complete path

barbalex · May 14, 2024 · 61ef412 · 61ef412
1 parent 7bc874a
commit 61ef412
Show file tree

Hide file tree

Showing 16 changed files with 40 additions and 41 deletions.
diff --git a/src/components/Projekte/Karte/LayersControl/ApfloraLayers/Layer/index.jsx b/src/components/Projekte/Karte/LayersControl/ApfloraLayers/Layer/index.jsx
@@ -19,7 +19,7 @@ import { useQuery } from '@apollo/client'
 import { useMap } from 'react-leaflet'
 import { useParams } from 'react-router-dom'
 
-import Checkbox from '../../shared/Checkbox'
+import Checkbox from '../../shared/Checkbox.jsx'
 import Error from '../../../../../shared/Error.jsx'
 import getBounds from '../../../../../../modules/getBounds'
 import storeContext from '../../../../../../storeContext.js'

diff --git a/src/components/Projekte/Karte/LayersControl/ApfloraLayers/ShowForMultipleAps.jsx b/src/components/Projekte/Karte/LayersControl/ApfloraLayers/ShowForMultipleAps.jsx
@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite'
 import { useParams } from 'react-router-dom'
 import { gql, useQuery } from '@apollo/client'
 
-import Checkbox from '../shared/Checkbox'
+import Checkbox from '../shared/Checkbox.jsx'
 import storeContext from '../../../../../storeContext.js'
 
 const LayerDiv = styled.div`

diff --git a/src/components/Projekte/Karte/LayersControl/Overlays.jsx b/src/components/Projekte/Karte/LayersControl/Overlays.jsx
@@ -28,7 +28,7 @@ import { useParams } from 'react-router-dom'
 import { layerLegends } from './layerLegends'
 import findIndex from 'lodash/findIndex'
 
-import Checkbox from './shared/Checkbox'
+import Checkbox from './shared/Checkbox.jsx'
 import storeContext from '../../../../storeContext.js'
 
 const CardContent = styled.div`

diff --git a/src/components/Projekte/Karte/layers/BeobZugeordnet/Marker.jsx b/src/components/Projekte/Karte/layers/BeobZugeordnet/Marker.jsx
@@ -11,12 +11,12 @@ import { useParams, useNavigate, useLocation } from 'react-router-dom'
 import storeContext from '../../../../../storeContext.js'
 import { beobIconString } from './beobIconString.js'
 import { beobHighlightedIconString } from './beobHighlightedIconString.js'
-import getNearestTpop from '../../../../../modules/getNearestTpop'
+import getNearestTpop from '../../../../../modules/getNearestTpop.js'
 import appBaseUrl from '../../../../../modules/appBaseUrl.js'
-import updateBeobByIdGql from './updateBeobById'
+import updateBeobByIdGql from './updateBeobById.js'
 import useSearchParamsState from '../../../../../modules/useSearchParamsState.js'
 import isMobilePhone from '../../../../../modules/isMobilePhone.js'
-import Data from '../BeobData'
+import Data from '../BeobData/index.jsx'
 
 const StyledH3 = styled.h3`
   margin: 7px 0;

diff --git a/src/components/Projekte/Karte/layers/BeobZugeordnet/index.jsx b/src/components/Projekte/Karte/layers/BeobZugeordnet/index.jsx
@@ -5,7 +5,7 @@ import MarkerClusterGroup from '@changey/react-leaflet-markercluster'
 import { useParams } from 'react-router-dom'
 // import { useMap } from 'react-leaflet'
 
-import Marker from './Marker'
+import Marker from './Marker.jsx'
 import storeContext from '../../../../../storeContext.js'
 import query from './query.js'
 

diff --git a/src/components/Projekte/Karte/layers/BeobZugeordnetAssignPolylines/Polyline.jsx b/src/components/Projekte/Karte/layers/BeobZugeordnetAssignPolylines/Polyline.jsx
@@ -11,7 +11,7 @@ import storeContext from '../../../../../storeContext.js'
 import appBaseUrl from '../../../../../modules/appBaseUrl.js'
 import useSearchParamsState from '../../../../../modules/useSearchParamsState.js'
 import isMobilePhone from '../../../../../modules/isMobilePhone.js'
-import Data from '../BeobData'
+import Data from '../BeobData/index.jsx'
 
 const StyledH3 = styled.h3`
   margin: 7px 0;

diff --git a/src/components/Projekte/Karte/layers/BeobZugeordnetAssignPolylines/index.jsx b/src/components/Projekte/Karte/layers/BeobZugeordnetAssignPolylines/index.jsx
@@ -3,7 +3,7 @@ import { useQuery } from '@apollo/client'
 import { observer } from 'mobx-react-lite'
 import { useParams } from 'react-router-dom'
 
-import Polyline from './Polyline'
+import Polyline from './Polyline.jsx'
 import storeContext from '../../../../../storeContext.js'
 import query from './query.js'
 

diff --git a/src/components/Projekte/Karte/layers/BingAerial.jsx b/src/components/Projekte/Karte/layers/BingAerial.jsx
@@ -7,7 +7,7 @@ import ErrorBoundary from '../../../shared/ErrorBoundary.jsx'
 // created https://github.com/TA-Geoforce/react-leaflet-bing-v2/pull/25
 // meantime importing it locally
 // import { BingLayer } from 'react-leaflet-bing-v2'
-import { BingLayer } from '../../../shared/react-leaflet-bing-v2'
+import { BingLayer } from '../../../shared/react-leaflet-bing-v2/index.js'
 
 const bingKey =
   'AjGOtB_ygBplpxXtKiiHtm-GERjSg9TFEoCmuBI_Yz4VWy0unRGUDo9GOZHA46Pf'

diff --git a/src/components/Projekte/Karte/layers/Gemeinden_WMS.jsx b/src/components/Projekte/Karte/layers/Gemeinden_WMS.jsx
@@ -10,9 +10,9 @@ import * as ReactDOMServer from 'react-dom/server'
 import { useDebouncedCallback } from 'use-debounce'
 import { observer } from 'mobx-react-lite'
 
-import xmlToLayersData from '../../../../modules/xmlToLayersData'
-import Popup from './Popup'
-import onTileError from './onTileError'
+import xmlToLayersData from '../../../../modules/xmlToLayersData.js'
+import Popup from './Popup.jsx'
+import onTileError from './onTileError.js'
 import storeContext from '../../../../storeContext.js'
 
 const StyledPopupContent = styled.div`

diff --git a/src/components/Projekte/Karte/layers/Pop/Marker.jsx b/src/components/Projekte/Karte/layers/Pop/Marker.jsx
@@ -7,28 +7,28 @@ import { useParams, useLocation } from 'react-router-dom'
 
 import storeContext from '../../../../../storeContext.js'
 import appBaseUrl from '../../../../../modules/appBaseUrl.js'
-import { popIconString } from './popIconString'
-import { popHighlightedIconString } from './popHighlightedIconString'
-import { u as uIcon } from './statusGroup/u'
-import { uHighlighted as uIconHighlighted } from './statusGroup/uHighlighted'
-import { a as aIcon } from './statusGroup/a'
-import { aHighlighted as aIconHighlighted } from './statusGroup/aHighlighted'
-import { p as pIcon } from './statusGroup/p'
-import { pHighlighted as pIconHighlighted } from './statusGroup/pHighlighted'
-import { q as qIcon } from './statusGroup/q'
-import { qHighlighted as qIconHighlighted } from './statusGroup/qHighlighted'
-import { svg100 } from './statusGroupSymbols/100'
-import { svg100Highlighted } from './statusGroupSymbols/100Highlighted'
-import { svg101 } from './statusGroupSymbols/101'
-import { svg101Highlighted } from './statusGroupSymbols/101Highlighted'
-import { svg200 } from './statusGroupSymbols/200'
-import { svg200Highlighted } from './statusGroupSymbols/200Highlighted'
-import { svg201 } from './statusGroupSymbols/201'
-import { svg201Highlighted } from './statusGroupSymbols/201Highlighted'
-import { svg202 } from './statusGroupSymbols/202'
-import { svg202Highlighted } from './statusGroupSymbols/202Highlighted'
-import { svg300 } from './statusGroupSymbols/300'
-import { svg300Highlighted } from './statusGroupSymbols/300Highlighted'
+import { popIconString } from './popIconString.js'
+import { popHighlightedIconString } from './popHighlightedIconString.js'
+import { u as uIcon } from './statusGroup/u.js'
+import { uHighlighted as uIconHighlighted } from './statusGroup/uHighlighted.js'
+import { a as aIcon } from './statusGroup/a.js'
+import { aHighlighted as aIconHighlighted } from './statusGroup/aHighlighted.js'
+import { p as pIcon } from './statusGroup/p.js'
+import { pHighlighted as pIconHighlighted } from './statusGroup/pHighlighted.js'
+import { q as qIcon } from './statusGroup/q.js'
+import { qHighlighted as qIconHighlighted } from './statusGroup/qHighlighted.js'
+import { svg100 } from './statusGroupSymbols/100.js'
+import { svg100Highlighted } from './statusGroupSymbols/100Highlighted.js'
+import { svg101 } from './statusGroupSymbols/101.js'
+import { svg101Highlighted } from './statusGroupSymbols/101Highlighted.js'
+import { svg200 } from './statusGroupSymbols/200.js'
+import { svg200Highlighted } from './statusGroupSymbols/200Highlighted.js'
+import { svg201 } from './statusGroupSymbols/201.js'
+import { svg201Highlighted } from './statusGroupSymbols/201Highlighted.js'
+import { svg202 } from './statusGroupSymbols/202.js'
+import { svg202Highlighted } from './statusGroupSymbols/202Highlighted.js'
+import { svg300 } from './statusGroupSymbols/300.js'
+import { svg300Highlighted } from './statusGroupSymbols/300Highlighted.js'
 import useSearchParamsState from '../../../../../modules/useSearchParamsState.js'
 import isMobilePhone from '../../../../../modules/isMobilePhone.js'
 

diff --git a/src/components/Projekte/Karte/layers/Pop/index.jsx b/src/components/Projekte/Karte/layers/Pop/index.jsx
@@ -6,7 +6,7 @@ import { useMap } from 'react-leaflet'
 import cloneDeep from 'lodash/cloneDeep'
 import { useParams } from 'react-router-dom'
 
-import Marker from './Marker'
+import Marker from './Marker.jsx'
 import storeContext from '../../../../../storeContext.js'
 import query from './query.js'
 

diff --git a/src/components/Projekte/Karte/layers/Tpop/Marker.jsx b/src/components/Projekte/Karte/layers/Tpop/Marker.jsx
@@ -31,7 +31,6 @@ import { svg300Highlighted } from './statusGroupSymbols/300Highlighted.js'
 import useSearchParamsState from '../../../../../modules/useSearchParamsState.js'
 import isMobilePhone from '../../../../../modules/isMobilePhone.js'
 import appBaseUrl from '../../../../../modules/appBaseUrl.js'
-import { bg } from 'date-fns/locale'
 
 const StyledH3 = styled.h3`
   margin: 7px 0;

diff --git a/src/components/Projekte/Karte/layers/Tpop/index.jsx b/src/components/Projekte/Karte/layers/Tpop/index.jsx
@@ -6,10 +6,10 @@ import { useMapEvents } from 'react-leaflet'
 import cloneDeep from 'lodash/cloneDeep'
 import { useParams } from 'react-router-dom'
 
-import Marker from './Marker'
+import Marker from './Marker.jsx'
 import storeContext from '../../../../../storeContext.js'
 import query from './query.js'
-import updateTpopById from './updateTpopById'
+import updateTpopById from './updateTpopById.js'
 
 const iconCreateFunction = (cluster) => {
   const hasHighlightedTpop = cluster

diff --git a/...ekte/Karte/layers/Tpop/updateTpopById.jsx → ...jekte/Karte/layers/Tpop/updateTpopById.js b/...ekte/Karte/layers/Tpop/updateTpopById.jsx → ...jekte/Karte/layers/Tpop/updateTpopById.js
diff --git a/src/components/Projekte/Karte/layers/onTileError.js b/src/components/Projekte/Karte/layers/onTileError.js
@@ -1,7 +1,7 @@
 // TODO: need to debounce
 import axios from 'redaxios'
 
-import xmlToJson from '../../../../modules/xmlToJson'
+import xmlToJson from '../../../../modules/xmlToJson.js'
 
 const onTileError = async (store, map, layer, ignore) => {
   console.log('onTileError', { ignore, map, layer, store })

diff --git a/src/components/Projekte/Karte/layers/popupFromProperties.jsx b/src/components/Projekte/Karte/layers/popupFromProperties.jsx
@@ -2,7 +2,7 @@
 import React from 'react'
 import * as ReactDOMServer from 'react-dom/server'
 
-import Popup from './Popup'
+import Popup from './Popup.jsx'
 // alternative: renderToString
 // see: https://gis.stackexchange.com/a/356513/13491
 const PopupFromProperties = ({ properties, layerName, mapSize }) => {