chore: refactor loaders to hooks

i18n/en.pot

@@ -587,6 +587,21 @@ msgstr "Group"
 msgid "Filters"
 msgstr "Filters"
 
+msgid "Selected org units for {{name}}: No coordinates found"
+msgstr "Selected org units for {{name}}: No coordinates found"
+
+msgid "{{name}}: No coordinates found"
+msgstr "{{name}}: No coordinates found"
+
+msgid "Error: {{message}}"
+msgstr "Error: {{message}}"
+
+msgid "No tracked entities found"
+msgstr "No tracked entities found"
+
+msgid "No data found"
+msgstr "No data found"
+
 msgid "Drill up one level"
 msgstr "Drill up one level"
 
@@ -1250,14 +1265,8 @@ msgstr "Financial year (Start April)"
 msgid "Cancelled"
 msgstr "Cancelled"
 
-msgid "{{name}}: No coordinates found"
-msgstr "{{name}}: No coordinates found"
-
-msgid "Selected org units: No coordinates found"
-msgstr "Selected org units: No coordinates found"
-
-msgid "Error: {{message}}"
-msgstr "Error: {{message}}"
+msgid "Earth Engine layer"
+msgstr "Earth Engine layer"
 
 msgid "You don't have access to this layer data"
 msgstr "You don't have access to this layer data"
@@ -1271,21 +1280,24 @@ msgstr "An unknown error occurred while reading layer data"
 msgid "Displaying first {{pageSize}} events out of {{total}}"
 msgstr "Displaying first {{pageSize}} events out of {{total}}"
 
-msgid "No data found"
-msgstr "No data found"
-
 msgid "Event"
 msgstr "Event"
 
 msgid "Facilities"
 msgstr "Facilities"
 
+msgid "an error occurred"
+msgstr "an error occurred"
+
 msgid "Facilities: No coordinates found"
 msgstr "Facilities: No coordinates found"
 
 msgid "Organisation units"
 msgstr "Organisation units"
 
+msgid "Org unit layer"
+msgstr "Org unit layer"
+
 msgid "Error"
 msgstr "Error"
 
@@ -1298,9 +1310,6 @@ msgstr "No data"
 msgid "Tracked entity"
 msgstr "Tracked entity"
 
-msgid "No tracked entities found"
-msgstr "No tracked entities found"
-
 msgid "related"
 msgstr "related"
 

src/actions/map.js

@@ -43,10 +43,6 @@ export const showEarthEngineValue = (layerId, coordinate) => ({
     coordinate,
 })
 
-export const clearAlerts = () => ({
-    type: types.MAP_ALERTS_CLEAR,
-})
-
 export const tOpenMap =
     ({ mapId, defaultBasemap, engine, basemaps }) =>
     async (dispatch) => {

src/components/app/AppLayout.js

@@ -1,13 +1,12 @@
 import cx from 'classnames'
 import React, { useState } from 'react'
 import { useSelector } from 'react-redux'
-import AlertStack from '../alerts/AlertStack.js'
+import { useLayersLoader } from '../../hooks/useLayersLoader.js'
 import BottomPanel from '../datatable/BottomPanel.js'
 import DownloadModeMenu from '../download/DownloadMenubar.js'
 import DownloadSettings from '../download/DownloadSettings.js'
 import LayerEdit from '../edit/LayerEdit.js'
 import LayersPanel from '../layers/LayersPanel.js'
-import LayersLoader from '../loaders/LayersLoader.js'
 import ContextMenu from '../map/ContextMenu.js'
 import MapPosition from '../map/MapPosition.js'
 import OpenAsMapDialog from '../openAs/OpenAsMapDialog.js'
@@ -31,6 +30,8 @@ const AppLayout = () => {
         detailsPanelOpen &&
         setInterpretationsRenderCount(interpretationsRenderCount + 1)
 
+    useLayersLoader()
+
     return (
         <>
             {downloadModeOpen ? (
@@ -54,10 +55,8 @@ const AppLayout = () => {
                     />
                 )}
             </div>
-            <LayersLoader />
             <ContextMenu />
             <LayerEdit />
-            <AlertStack />
             <OpenAsMapDialog />
         </>
     )