use named export

src/components/AppBar/Bar/index.jsx

@@ -29,7 +29,7 @@ const MenuDiv = styled.div`
   flex-wrap: wrap;
 `
 
-const AbbBarComponentBar = () => {
+export const Bar = () => {
   const isMobile = isMobilePhone()
 
   const { search, pathname } = useLocation()
@@ -61,5 +61,3 @@ const AbbBarComponentBar = () => {
     </>
   )
 }
-
-export default AbbBarComponentBar

src/components/AppBar/EkfBar/EkfYear.jsx

@@ -23,7 +23,7 @@ const Jahr = styled.p`
 const ekfRefDate = new Date() //.setMonth(new Date().getMonth() - 2)
 const ekfRefYear = new Date(ekfRefDate).getFullYear()
 
-const EkfYear = () => {
+export const EkfYear = () => {
   const { search } = useLocation()
   const { ekfYear, userId } = useParams()
   const navigate = useNavigate()
@@ -57,5 +57,3 @@ const EkfYear = () => {
     </Container>
   )
 }
-
-export default EkfYear

src/components/AppBar/EkfBar/index.jsx

@@ -12,12 +12,12 @@ import Badge from '@mui/material/Badge'
 import { useParams, useLocation } from 'react-router-dom'
 
 import { isMobilePhone } from '../../../modules/isMobilePhone.js'
-import EkfYear from './EkfYear.jsx'
+import { EkfYear } from './EkfYear.jsx'
 import User from './User/index.jsx'
 import { StoreContext } from '../../../storeContext.js'
-import userQuery from './query.js'
-import dataByUserIdQuery from '../../Ekf/dataByUserId.js'
-import dataWithDateByUserIdQuery from '../../Ekf/dataWithDateByUserId.js'
+import { query } from './query.js'
+import { dataByUserId as dataByUserIdQuery } from '../../Ekf/dataByUserId.js'
+import { dataWithDateByUserId as dataWithDateByUserIdQuery } from '../../Ekf/dataWithDateByUserId.js'
 
 const SiteTitle = styled(Button)`
   display: none !important;
@@ -95,7 +95,7 @@ const ProjekteAppBar = () => {
   // if no ekfAdresseId
   // need to fetch adresse.id for this user
   // and use that instead
-  const { data: userData } = useQuery(userQuery, {
+  const { data: userData } = useQuery(query, {
     variables: { userId: userId ?? '99999999-9999-9999-9999-999999999999' },
   })
 
@@ -144,9 +144,9 @@ const ProjekteAppBar = () => {
           to={`/${search}`}
           title="Home"
         >
-          {userName
-            ? `AP Flora: EKF von ${userName}`
-            : 'AP Flora: Erfolgs-Kontrolle Freiwillige'}
+          {userName ?
+            `AP Flora: EKF von ${userName}`
+          : 'AP Flora: Erfolgs-Kontrolle Freiwillige'}
         </SiteTitle>
       )}
       <MenuDiv>
@@ -157,11 +157,9 @@ const ProjekteAppBar = () => {
                 onClick={onClickPrintAll}
                 title={`Alle ${ekfCount} EKF drucken`}
               >
-                {preparingEkfMultiprint ? (
+                {preparingEkfMultiprint ?
                   <StyledMdHourglassEmpty />
-                ) : (
-                  <MdPrint />
-                )}
+                : <MdPrint />}
               </StyledIconButton>
             </StyledBadge>
           )}

src/components/AppBar/EkfBar/query.js

@@ -1,7 +1,7 @@
 import { gql } from '@apollo/client'
 
-export default gql`
-  query ekfUser($userId: UUID!) { 
+export const query = gql`
+  query ekfUser($userId: UUID!) {
     userById(id: $userId) {
       id
       name

src/components/AppBar/index.jsx

@@ -5,7 +5,7 @@ import Toolbar from '@mui/material/Toolbar'
 import { Outlet, useLocation, useParams, useNavigate } from 'react-router-dom'
 import { observer } from 'mobx-react-lite'
 
-import Bar from './Bar/index.jsx'
+import { Bar } from './Bar/index.jsx'
 import EkfBar from './EkfBar/index.jsx'
 import { inIframe } from '../../modules/inIframe.js'
 import { Spinner } from '../shared/Spinner.jsx'

src/components/Ekf/dataByUserId.js

@@ -2,7 +2,7 @@ import { gql } from '@apollo/client'
 
 import { aeTaxonomies, projekt } from '../shared/fragments.js'
 
-export default gql`
+export const dataByUserId = gql`
   query ekfDataByUserQuery($id: UUID!, $jahr: Int!) {
     userById(id: $id) {
       id

src/components/Ekf/dataWithDateByUserId.js

@@ -2,7 +2,7 @@ import { gql } from '@apollo/client'
 
 import { aeTaxonomies, projekt } from '../shared/fragments.js'
 
-export default gql`
+export const dataWithDateByUserId = gql`
   query ekfDataWithDateByUseridQuery($id: UUID!, $jahr: Int!) {
     userById(id: $id) {
       id

src/components/Ekf/index.jsx

@@ -11,8 +11,8 @@ import EkfList from './List'
 import Tpopfreiwkontr from '../Projekte/Daten/Tpopfreiwkontr'
 import { StoreContext } from '../../storeContext.js'
 import { StyledSplitPane } from '../shared/StyledSplitPane'
-import dataByUserIdGql from './dataByUserId'
-import dataWithDateByUserIdGql from './dataWithDateByUserId'
+import { dataByUserId as dataByUserIdGql } from './dataByUserId.js'
+import { dataWithDateByUserId as dataWithDateByUserIdGql } from './dataWithDateByUserId.js'
 import { Error } from '../shared/Error.jsx'
 
 const Container = styled.div`
@@ -113,17 +113,26 @@ const Ekf = () => {
     return (
       <>
         {ekf.map((e) => (
-          <Tpopfreiwkontr id={e.id} key={e.id} />
+          <Tpopfreiwkontr
+            id={e.id}
+            key={e.id}
+          />
         ))}
       </>
     )
   }
 
   return (
     <Container>
-      <StyledSplitPane split="vertical" size="350px" minSize={100}>
+      <StyledSplitPane
+        split="vertical"
+        size="350px"
+        minSize={100}
+      >
         <EkfList ekf={ekf} />
-        {ekfId ? <Tpopfreiwkontr id={ekfId} /> : <InnerContainer />}
+        {ekfId ?
+          <Tpopfreiwkontr id={ekfId} />
+        : <InnerContainer />}
       </StyledSplitPane>
     </Container>
   )