2548: Refactoring

digitalfabrik · Dec 2, 2024 · 20fded0 · 20fded0
1 parent 4b87183
commit 20fded0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/web/src/components/CityContentToolbar.tsx b/web/src/components/CityContentToolbar.tsx
@@ -6,7 +6,7 @@ import { useTheme } from 'styled-components'
 import { CopyIcon, DoneIcon } from '../assets'
 import useWindowDimensions from '../hooks/useWindowDimensions'
 import { RouteType } from '../routes'
-import FeedbackToolbarItem from './FeedbackToolbarItem'
+import FeedbackToolbarIcons from './FeedbackToolbarIcons'
 import SharingPopup from './SharingPopup'
 import Toolbar from './Toolbar'
 import ToolbarItem from './ToolbarItem'
@@ -73,7 +73,7 @@ const CityContentToolbar = (props: CityContentToolbarProps) => {
           id='copy-icon'
         />
       </Tooltip>
-      {hasFeedbackOption && <FeedbackToolbarItem route={route} slug={feedbackTarget} />}
+      {hasFeedbackOption && <FeedbackToolbarIcons route={route} slug={feedbackTarget} />}
     </Toolbar>
   )
 }

diff --git a/web/src/components/FeedbackToolbarItem.tsx → web/src/components/FeedbackToolbarIcons.tsx b/web/src/components/FeedbackToolbarItem.tsx → web/src/components/FeedbackToolbarIcons.tsx
@@ -10,12 +10,12 @@ import FeedbackContainer from './FeedbackContainer'
 import Modal from './Modal'
 import ToolbarItem from './ToolbarItem'
 
-type FeedbackToolbarItemProps = {
+type FeedbackToolbarIconsProps = {
   route: RouteType
   slug?: string
 }
 
-const FeedbackToolbarItem = ({ route, slug }: FeedbackToolbarItemProps): ReactElement => {
+const FeedbackToolbarIcons = ({ route, slug }: FeedbackToolbarIconsProps): ReactElement => {
   const { cityCode, languageCode } = useCityContentParams()
   const [isFeedbackOpen, setIsFeedbackOpen] = useState(false)
   const [isSubmitted, setIsSubmitted] = useState(false)
@@ -59,4 +59,4 @@ const FeedbackToolbarItem = ({ route, slug }: FeedbackToolbarItemProps): ReactEl
   )
 }
 
-export default FeedbackToolbarItem
+export default FeedbackToolbarIcons
diff --git a/web/src/components/__tests__/FeedbackToolbarItem.spec.tsx b/web/src/components/__tests__/FeedbackToolbarItem.spec.tsx
@@ -4,7 +4,7 @@ import React, { ReactElement } from 'react'
 import { CATEGORIES_ROUTE } from 'shared'
 
 import { renderWithRouterAndTheme } from '../../testing/render'
-import FeedbackToolbarItem from '../FeedbackToolbarItem'
+import FeedbackToolbarIcons from '../FeedbackToolbarIcons'
 
 jest.mock('react-i18next')
 jest.mock('shared/api', () => ({
@@ -15,10 +15,10 @@ jest.mock('shared/api', () => ({
 }))
 jest.mock('focus-trap-react', () => ({ children }: { children: ReactElement }) => <div>{children}</div>)
 
-describe('FeedbackToolbarItem', () => {
+describe('FeedbackToolbarIcons', () => {
   it('should open and update title on submit feedback', async () => {
     const { queryByText, findByText, getByText } = renderWithRouterAndTheme(
-      <FeedbackToolbarItem route={CATEGORIES_ROUTE} slug='my-slug' />,
+      <FeedbackToolbarIcons route={CATEGORIES_ROUTE} slug='my-slug' />,
     )
 
     expect(queryByText('feedback:headline')).toBeFalsy()