use named export

barbalex · Oct 27, 2024 · 899e00a · 899e00a
1 parent 78f2ca8
commit 899e00a
Show file tree

Hide file tree

Showing 10 changed files with 52 additions and 61 deletions.
diff --git a/src/components/Projekte/Daten/CurrentIssue/index.jsx b/src/components/Projekte/Daten/CurrentIssue/index.jsx
@@ -35,7 +35,7 @@ const query = gql`
   ${currentIssueFragment}
 `
 
-const CurrentIssue = () => {
+export const Component = () => {
   const { issueId } = useParams()
 
   const { data, loading, error } = useQuery(query, {
@@ -75,5 +75,3 @@ const CurrentIssue = () => {
     </ErrorBoundary>
   )
 }
-
-export const Component = CurrentIssue
diff --git a/src/components/Projekte/Daten/Ekfrequenz/KontrolljahrField.jsx b/src/components/Projekte/Daten/Ekfrequenz/KontrolljahrField.jsx
@@ -13,44 +13,41 @@ const StyledInput = styled(Input)`
   }
 `
 
-const KontrolljahrField = ({
-  saveToDb,
-  name = 'kontrolljahre',
-  index,
-  kontrolljahre,
-  refetch,
-}) => {
-  const [value, setValue] = useState(kontrolljahre[index])
-  useEffect(() => {
-    setValue(kontrolljahre[index])
-  }, [index, kontrolljahre])
-
-  const onChange = useCallback((event) => {
-    setValue(ifIsNumericAsNumber(event.target.value))
-  }, [])
-
-  const onBlur = useCallback(async () => {
-    const newVal = [...kontrolljahre]
-    if (value || value === 0) {
-      newVal[index] = value
-    } else {
-      newVal.splice(index, 1)
-    }
-    await saveToDb({ target: { name, value: newVal } })
-    refetch()
-  }, [kontrolljahre, value, saveToDb, name, refetch, index])
-
-  const onKeyDown = useCallback((e) => e.key === 'Enter' && onBlur(), [onBlur])
-
-  return (
-    <StyledInput
-      value={value}
-      type="number"
-      onChange={onChange}
-      onBlur={onBlur}
-      onKeyDown={onKeyDown}
-    />
-  )
-}
-
-export default observer(KontrolljahrField)
+export const KontrolljahrField = observer(
+  ({ saveToDb, name = 'kontrolljahre', index, kontrolljahre, refetch }) => {
+    const [value, setValue] = useState(kontrolljahre[index])
+    useEffect(() => {
+      setValue(kontrolljahre[index])
+    }, [index, kontrolljahre])
+
+    const onChange = useCallback((event) => {
+      setValue(ifIsNumericAsNumber(event.target.value))
+    }, [])
+
+    const onBlur = useCallback(async () => {
+      const newVal = [...kontrolljahre]
+      if (value || value === 0) {
+        newVal[index] = value
+      } else {
+        newVal.splice(index, 1)
+      }
+      await saveToDb({ target: { name, value: newVal } })
+      refetch()
+    }, [kontrolljahre, value, saveToDb, name, refetch, index])
+
+    const onKeyDown = useCallback(
+      (e) => e.key === 'Enter' && onBlur(),
+      [onBlur],
+    )
+
+    return (
+      <StyledInput
+        value={value}
+        type="number"
+        onChange={onChange}
+        onBlur={onBlur}
+        onKeyDown={onKeyDown}
+      />
+    )
+  },
+)
diff --git a/src/components/Projekte/Daten/Ekfrequenz/KontrolljahrFieldEmpty.jsx b/src/components/Projekte/Daten/Ekfrequenz/KontrolljahrFieldEmpty.jsx
@@ -12,7 +12,7 @@ const StyledInput = styled(Input)`
   }
 `
 
-const KontrolljahrFieldEmpty = ({
+export const KontrolljahrFieldEmpty = ({
   saveToDb,
   name = 'kontrolljahre',
   kontrolljahre,
@@ -45,5 +45,3 @@ const KontrolljahrFieldEmpty = ({
     />
   )
 }
-
-export default KontrolljahrFieldEmpty
diff --git a/src/components/Projekte/Daten/Ekfrequenz/Kontrolljahre.jsx b/src/components/Projekte/Daten/Ekfrequenz/Kontrolljahre.jsx
@@ -3,16 +3,16 @@ import { FaTimes } from 'react-icons/fa'
 import IconButton from '@mui/material/IconButton'
 import styled from '@emotion/styled'
 
-import KontrolljahrField from './KontrolljahrField'
-import KontrolljahrFieldEmpty from './KontrolljahrFieldEmpty'
+import { KontrolljahrField } from './KontrolljahrField.jsx'
+import { KontrolljahrFieldEmpty } from './KontrolljahrFieldEmpty.jsx'
 
 const DelIcon = styled(IconButton)`
   font-size: 1rem !important;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 `
 
-const Kontrolljahre = ({ kontrolljahre = [], saveToDb, refetch }) => {
+export const Kontrolljahre = ({ kontrolljahre = [], saveToDb, refetch }) => {
   const kontrolljahreSorted = [...kontrolljahre].sort(
     (a, b) => (a ?? 999999) - b,
   )
@@ -50,5 +50,3 @@ const Kontrolljahre = ({ kontrolljahre = [], saveToDb, refetch }) => {
     />,
   ]
 }
-
-export default Kontrolljahre
diff --git a/src/components/Projekte/Daten/Ekfrequenz/index.jsx b/src/components/Projekte/Daten/Ekfrequenz/index.jsx
@@ -8,10 +8,10 @@ import { useQueryClient } from '@tanstack/react-query'
 
 import { TextField } from '../../../shared/TextField.jsx'
 import { RadioButtonGroup } from '../../../shared/RadioButtonGroup.jsx'
-import Kontrolljahre from './Kontrolljahre'
+import { Kontrolljahre } from './Kontrolljahre.jsx'
 import { FormTitle } from '../../../shared/FormTitle/index.jsx'
-import query from './query.js'
-import queryEkAbrechnungstypWertes from './queryEkAbrechnungstypWertes'
+import { query } from './query.js'
+import { queryEkAbrechnungstypWertes } from './queryEkAbrechnungstypWertes.js'
 import { StoreContext } from '../../../../storeContext.js'
 import { ifIsNumericAsNumber } from '../../../../modules/ifIsNumericAsNumber.js'
 import { ekfrequenz } from '../../../shared/fragments.js'

diff --git a/src/components/Projekte/Daten/Ekfrequenz/query.js b/src/components/Projekte/Daten/Ekfrequenz/query.js
@@ -2,7 +2,7 @@ import { gql } from '@apollo/client'
 
 import { ekfrequenz } from '../../../shared/fragments.js'
 
-export default gql`
+export const query = gql`
   query ekfrequenzByIdQuery($id: UUID!) {
     ekfrequenzById(id: $id) {
       ...EkfrequenzFields

diff --git a/src/components/Projekte/Daten/Ekfrequenz/queryEkAbrechnungstypWertes.js b/src/components/Projekte/Daten/Ekfrequenz/queryEkAbrechnungstypWertes.js
@@ -1,6 +1,6 @@
 import { gql } from '@apollo/client'
 
-export default gql`
+export const queryEkAbrechnungstypWertes = gql`
   query EkAbrechnungstypWertesQueryForEkfrequenz {
     allEkAbrechnungstypWertes(
       orderBy: SORT_ASC

diff --git a/src/components/Projekte/Daten/Ekzaehleinheit/index.jsx b/src/components/Projekte/Daten/Ekzaehleinheit/index.jsx
@@ -10,8 +10,8 @@ import { TextField } from '../../../shared/TextField.jsx'
 import { Select } from '../../../shared/Select.jsx'
 import { Checkbox2States } from '../../../shared/Checkbox2States.jsx'
 import { FormTitle } from '../../../shared/FormTitle/index.jsx'
-import query from './query.js'
-import queryLists from './queryLists'
+import { query } from './query.js'
+import { queryLists } from './queryLists.js'
 import { StoreContext } from '../../../../storeContext.js'
 import { ifIsNumericAsNumber } from '../../../../modules/ifIsNumericAsNumber.js'
 import { ErrorBoundary } from '../../../shared/ErrorBoundary.jsx'

diff --git a/src/components/Projekte/Daten/Ekzaehleinheit/query.js b/src/components/Projekte/Daten/Ekzaehleinheit/query.js
@@ -5,7 +5,7 @@ import {
   tpopkontrzaehlEinheitWerte,
 } from '../../../shared/fragments.js'
 
-export default gql`
+export const query = gql`
   query ekzaehleinheitByIdQuery($id: UUID!) {
     ekzaehleinheitById(id: $id) {
       ...EkzaehleinheitFields

diff --git a/src/components/Projekte/Daten/Ekzaehleinheit/queryLists.js b/src/components/Projekte/Daten/Ekzaehleinheit/queryLists.js
@@ -1,6 +1,6 @@
 import { gql } from '@apollo/client'
 
-export default gql`
+export const queryLists = gql`
   query EkzaehleinheitDataListQuery(
     $filter: TpopkontrzaehlEinheitWerteFilter!
   ) {