use named export

barbalex · Oct 27, 2024 · d31edb2 · d31edb2
1 parent 4f85495
commit d31edb2
Show file tree

Hide file tree

Showing 8 changed files with 53 additions and 35 deletions.
diff --git a/src/components/AppBar/Bar/Docs.jsx b/src/components/AppBar/Bar/Docs.jsx
@@ -8,7 +8,7 @@ const StyledButton = styled(Button)`
   border-color: rgba(255, 255, 255, 0.5) !important;
   text-transform: none !important;
 `
-const DokuBar = () => {
+export const Docs = () => {
   const { pathname, search } = useLocation()
 
   return (
@@ -30,5 +30,3 @@ const DokuBar = () => {
     </>
   )
 }
-
-export default DokuBar
diff --git a/src/components/AppBar/Bar/EkPlan.jsx b/src/components/AppBar/Bar/EkPlan.jsx
@@ -8,7 +8,7 @@ const StyledButton = styled(Button)`
   border-color: rgba(255, 255, 255, 0.5) !important;
   text-transform: none !important;
 `
-const EkPlanBar = () => {
+export const EkPlan = () => {
   const { pathname, search } = useLocation()
 
   return (
@@ -30,5 +30,3 @@ const EkPlanBar = () => {
     </>
   )
 }
-
-export default EkPlanBar
diff --git a/src/components/AppBar/Bar/Home.jsx b/src/components/AppBar/Bar/Home.jsx
@@ -7,7 +7,7 @@ const StyledButton = styled(Button)`
   color: white !important;
   text-transform: none !important;
 `
-const HomeBar = () => {
+export const Home = () => {
   const { pathname, search } = useLocation()
 
   return (
@@ -29,5 +29,3 @@ const HomeBar = () => {
     </>
   )
 }
-
-export default HomeBar
diff --git a/src/components/AppBar/Bar/Projekte/Daten.jsx b/src/components/AppBar/Bar/Projekte/Daten.jsx
@@ -31,7 +31,7 @@ const StyledButton = styled(Button)`
   text-transform: none !important;
 `
 
-const MyAppBarDaten = ({ treeNr = '' }) => {
+export const Daten = observer(({ treeNr = '' }) => {
   const [projekteTabs, setProjekteTabs] = useSearchParamsState(
     'projekteTabs',
     isMobilePhone() ? ['tree'] : ['tree', 'daten'],
@@ -70,6 +70,4 @@ const MyAppBarDaten = ({ treeNr = '' }) => {
       {`Daten${treeNr === '2' ? ' 2' : ''}`}
     </StyledButton>
   )
-}
-
-export default observer(MyAppBarDaten)
+})
diff --git a/src/components/AppBar/Bar/Projekte/index.jsx b/src/components/AppBar/Bar/Projekte/index.jsx
@@ -8,7 +8,7 @@ import { Link, useParams, useLocation } from 'react-router-dom'
 
 import { isMobilePhone } from '../../../../modules/isMobilePhone.js'
 import { More } from './More/index.jsx'
-import Daten from './Daten.jsx'
+import { Daten } from './Daten.jsx'
 import { StoreContext } from '../../../../storeContext.js'
 import { useSearchParamsState } from '../../../../modules/useSearchParamsState.js'
 
@@ -40,7 +40,7 @@ const DokuButton = styled(Button)`
   text-transform: none !important;
 `
 
-const ProjekteBar = () => {
+export const Projekte = observer(() => {
   const { projId } = useParams()
   const { search } = useLocation()
 
@@ -201,6 +201,4 @@ const ProjekteBar = () => {
       />
     </>
   )
-}
-
-export default observer(ProjekteBar)
+})
diff --git a/src/components/AppBar/Bar/index.jsx b/src/components/AppBar/Bar/index.jsx
@@ -4,10 +4,10 @@ import styled from '@emotion/styled'
 import { useLocation, Link } from 'react-router-dom'
 
 import { isMobilePhone } from '../../../modules/isMobilePhone.js'
-import Home from './Home.jsx'
-import EkPlan from './EkPlan.jsx'
-import Projekte from './Projekte/index.jsx'
-import Docs from './Docs.jsx'
+import { Home } from './Home.jsx'
+import { EkPlan } from './EkPlan.jsx'
+import { Projekte } from './Projekte/index.jsx'
+import { Docs } from './Docs.jsx'
 
 const SiteTitle = styled(Button)`
   display: none !important;

diff --git a/src/components/Docs/index.jsx b/src/components/Docs/index.jsx
@@ -76,7 +76,7 @@ export const Code = styled.code`
   padding: 0 3px;
 `
 
-const Docs = () => (
+export const Component = () => (
   <ErrorBoundary>
     <Container>
       <Sidebar />
@@ -93,5 +93,3 @@ const Docs = () => (
     </Container>
   </ErrorBoundary>
 )
-
-export const Component = Docs
diff --git a/src/components/Router/index.jsx b/src/components/Router/index.jsx
@@ -15,8 +15,14 @@ const RouterComponent = () => {
   const router = createBrowserRouter(
     createRoutesFromElements(
       <Route lazy={() => import('../AppBar/index.jsx')}>
-        <Route index lazy={() => import('../Home/index.jsx')} />
-        <Route path="/Daten/*" lazy={() => import('./ProtectedRoute.jsx')}>
+        <Route
+          index
+          lazy={() => import('../Home/index.jsx')}
+        />
+        <Route
+          path="/Daten/*"
+          lazy={() => import('./ProtectedRoute.jsx')}
+        >
           {/* <Route path="*" element={<Unterhalt />}></Route> */}
           <Route
             path="Projekte/:projId/EK-Planung"
@@ -30,7 +36,10 @@ const RouterComponent = () => {
             path="Benutzer/:userId/EKF/:ekfYear/:ekfId"
             lazy={() => import('../Ekf/index.jsx')}
           />
-          <Route path="*" lazy={() => import('../Projekte/index.jsx')}>
+          <Route
+            path="*"
+            lazy={() => import('../Projekte/index.jsx')}
+          >
             <Route
               path="Werte-Listen/Adressen/:adrId"
               lazy={() => import('../Projekte/Daten/Adresse/index.jsx')}
@@ -177,8 +186,14 @@ const RouterComponent = () => {
             />
           </Route>
         </Route>
-        <Route path="/Dokumentation/*" lazy={() => import('../Docs/index.jsx')}>
-          <Route index element={null} />
+        <Route
+          path="/Dokumentation/*"
+          lazy={() => import('../Docs/index.jsx')}
+        >
+          <Route
+            index
+            element={null}
+          />
           <Route
             path="was-kann-man-mit-apflora-machen"
             lazy={() => import('../Docs/docs/WasKannApflora.jsx')}
@@ -273,8 +288,14 @@ const RouterComponent = () => {
             path="koordinaten"
             lazy={() => import('../Docs/docs/Koordinaten/index.jsx')}
           />
-          <Route path="melden" lazy={() => import('../Docs/docs/Melden.jsx')} />
-          <Route path="pwa" lazy={() => import('../Docs/docs/Pwa/index.jsx')} />
+          <Route
+            path="melden"
+            lazy={() => import('../Docs/docs/Melden.jsx')}
+          />
+          <Route
+            path="pwa"
+            lazy={() => import('../Docs/docs/Pwa/index.jsx')}
+          />
           <Route
             path="technologien"
             lazy={() => import('../Docs/docs/Technologien/index.jsx')}
@@ -295,7 +316,10 @@ const RouterComponent = () => {
             path="daten-wiederherstellen"
             lazy={() => import('../Docs/docs/DatenWiederherstellen.jsx')}
           />
-          <Route path="testen" lazy={() => import('../Docs/docs/Testen.jsx')} />
+          <Route
+            path="testen"
+            lazy={() => import('../Docs/docs/Testen.jsx')}
+          />
           <Route
             path="geschichte"
             lazy={() => import('../Docs/docs/Geschichte.jsx')}
@@ -312,9 +336,15 @@ const RouterComponent = () => {
             path="info-flora-export"
             lazy={() => import('../Docs/docs/InfofloraExport.jsx')}
           />
-          <Route path="*" lazy={() => import('../404.jsx')} />
+          <Route
+            path="*"
+            lazy={() => import('../404.jsx')}
+          />
         </Route>
-        <Route path="*" lazy={() => import('../404.jsx')} />
+        <Route
+          path="*"
+          lazy={() => import('../404.jsx')}
+        />
       </Route>,
     ),
   )