From 4c88e7d875beee4d4ab4af37e8d2376f5b702973 Mon Sep 17 00:00:00 2001 From: Carsten Dietzel Date: Mon, 9 Jun 2025 21:02:30 +0200 Subject: [PATCH 1/3] Make code style prettier --- .github/workflows/docker-image.yml | 47 +---------- README.md | 4 +- components/blocks/buttonBlock/Button.tsx | 9 +-- .../blocks/buttonBlock/InlineButton.tsx | 9 +-- .../blocks/callToActionBlock/CallToAction.tsx | 9 +-- .../circleOverviewBlock/CircleOverview.tsx | 6 +- .../EventsOverviewBlock.tsx | 6 +- components/blocks/headlineBlock/Headline.tsx | 10 +-- .../blocks/headlineBlock/HeadlineBlock.tsx | 16 +--- .../blocks/headlineBlock/HeadlineKicker.tsx | 10 +-- .../blocks/headlineBlock/HeadlineTag.tsx | 20 +---- components/blocks/mediaBlock/MediaBlock.tsx | 12 +-- .../blocks/mediaContent/MediaContentBlock.tsx | 25 +----- .../mediaContent/MediaContentOverlay.tsx | 19 +---- .../reusableLayout/ReusableBlockLayout.tsx | 6 +- .../ReusableBlockLayoutPartial.tsx | 10 +-- .../blocks/reusableLayout/ReusableBlocks.tsx | 32 +------- components/blocks/richTextBlock/RichText.tsx | 12 +-- .../richTextBlock/serializeRichTextToHtml.tsx | 18 +---- components/blocks/sliderBlock/SliderBlock.tsx | 4 +- components/blocks/teaserBlock/Teaser.tsx | 17 +--- components/blocks/teaserBlock/TeaserBlock.tsx | 8 +- .../blocks/textBlock/ColumnsContent.tsx | 2 +- components/blocks/textBlock/ContentBlock.tsx | 6 +- .../textBlock/TwoThirdsColumnsContent.tsx | 2 +- components/common/Footer.tsx | 54 +++---------- components/common/HeroImage.tsx | 12 +-- components/common/HeroImageSvg.tsx | 12 +-- components/common/HeroText.tsx | 4 +- components/common/Image.tsx | 5 +- components/contactForm/ContactForm.tsx | 78 ++++--------------- components/events/detail/EventButtons.tsx | 4 +- components/events/detail/EventDetails.tsx | 25 ++---- components/events/detail/EventImage.tsx | 12 +-- .../events/overview/EventOverviewEntry.tsx | 39 ++-------- components/events/overview/EventOwner.tsx | 16 +--- .../overview/EventsCategoriesFilter.tsx | 34 ++------ .../events/overview/EventsDateRangeFilter.tsx | 18 +---- components/events/overview/EventsOverview.tsx | 44 ++--------- .../events/overview/EventsPagination.tsx | 28 ++----- components/fundraisingbox/fundrasingBox.tsx | 5 +- .../houseParallax/ParallaxScrollImage.tsx | 7 +- .../houseParallax/ParallaxScrollInfoBox.tsx | 43 ++-------- components/layout/ContentWrapper.tsx | 6 +- components/layout/header/HeaderBanner.tsx | 10 +-- components/layout/header/HeaderBarDesktop.tsx | 12 +-- .../desktop/DesktopNavigationLink.tsx | 11 +-- .../mobile/MobileNavigationItems.tsx | 13 +--- .../mobile/MobileNavigationOverlay.tsx | 5 +- components/layout/next/NextHead.tsx | 14 +--- components/news/NewsOverview.tsx | 11 +-- components/news/NewsPagination.tsx | 29 ++----- components/news/NewsTeaser.tsx | 21 +---- components/svg/Heart.tsx | 7 +- components/svg/History.tsx | 8 +- components/svg/House.tsx | 8 +- components/svg/Kollektiv.tsx | 12 +-- components/svg/Legal.tsx | 8 +- components/swr/SwrResponseWrapper.tsx | 5 +- components/ui/badge.tsx | 16 ++-- components/ui/button.tsx | 26 ++----- components/ui/calendar.tsx | 13 +--- components/ui/card.tsx | 57 +++++--------- components/ui/command.tsx | 59 ++++---------- components/ui/dialog.tsx | 22 +----- components/ui/pagination.tsx | 73 ++++------------- components/ui/separator.tsx | 6 +- lib/block/getHeadlineId.ts | 5 +- lib/common/helper/delayExecution.ts | 3 +- lib/common/helper/formatDate.ts | 10 +-- lib/common/helper/isEmptyNumber.ts | 3 +- lib/common/helper/isEmptyString.ts | 3 +- lib/common/helper/isNotEmptyNumber.ts | 3 +- lib/common/helper/isNotEmptyString.ts | 3 +- lib/common/hooks/useAsyncEffect.ts | 5 +- lib/common/hooks/useElementSize.ts | 10 +-- lib/common/hooks/useFormatDate.ts | 3 +- lib/common/url.ts | 14 +--- lib/contact/validateRealUser.ts | 5 +- lib/events/fetchAllEvents.ts | 4 +- lib/events/fetchEventBySlug.ts | 9 +-- lib/events/groupEventsByDay.ts | 36 ++++----- lib/events/useAllEvents.ts | 5 +- lib/events/useAvailableCategoryFilters.ts | 12 +-- lib/houseParallax/getInfoBoxPositions.ts | 7 +- lib/houseParallax/getScrollElements.tsx | 46 +++-------- lib/news/news.ts | 14 +--- lib/organisations.ts | 22 ++---- lib/payload/getPayloadResponse.ts | 9 +-- lib/redirect/redirect.js | 6 +- package-lock.json | 6 +- pages/404.tsx | 23 +----- pages/[...slug].tsx | 22 +----- pages/_app.tsx | 4 +- pages/api/contact/submit.ts | 9 +-- pages/api/notify.ts | 9 +-- pages/api/screenshot.ts | 4 +- pages/bside/haus.tsx | 14 +--- pages/bside/index.tsx | 17 +--- pages/bside/kollektiv.tsx | 29 ++----- pages/events/history.tsx | 8 +- pages/events/index.tsx | 6 +- pages/index.tsx | 30 ++----- pages/kreise/[slug].tsx | 20 +---- pages/kultur/hansawerkstatt/spenden.tsx | 15 +--- pages/kultur/index.tsx | 13 +--- pages/kultur/spenden.tsx | 19 +---- pages/news/[slug].tsx | 24 +----- pages/quartier/index.tsx | 3 +- tailwind.config.js | 7 +- types/payload/Blocks.ts | 5 +- 111 files changed, 361 insertions(+), 1374 deletions(-) diff --git a/.github/workflows/docker-image.yml b/.github/workflows/docker-image.yml index 0f84f92..05e2172 100644 --- a/.github/workflows/docker-image.yml +++ b/.github/workflows/docker-image.yml @@ -11,48 +11,7 @@ jobs: uses: actions/checkout@v2 - name: Install dependencies run: npm ci - - name: Lint + - name: Lint code run: npm run lint -# build: -# runs-on: ubuntu-latest -# needs: lint -# if : ${{ github.ref == 'refs/heads/main' }} -# steps: -# - -# name: Checkout -# uses: actions/checkout@v2 -# - -# name: Docker Metadata -# id: meta -# uses: docker/metadata-action@v3 -# with: -# images: ${{ secrets.DOCKER_REPOSITORY }} -# tags: | -# type=sha,enable=true,priority=100,prefix=,suffix=,format=short -# - -# name: Set up QEMU -# uses: docker/setup-qemu-action@v1 -# - -# name: Set up Docker Buildx -# uses: docker/setup-buildx-action@v1 -# - -# name: Login to DockerHub -# if: github.event_name != 'pull_request' -# uses: docker/login-action@v1 -# with: -# username: ${{ secrets.DOCKER_USERNAME }} -# password: ${{ secrets.DOCKER_PASSWORD }} -# - -# name: Build and push -# id: docker_build -# uses: docker/build-push-action@v2 -# with: -# push: ${{ github.event_name != 'pull_request' }} -# tags: | -# ${{ steps.meta.outputs.tags }} -# ${{ secrets.DOCKER_REPOSITORY }}:latest -# build-args: | -# GIT_SHA=${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.version'] }} -# PAYLOAD_URL=${{ vars.PAYLOAD_URL }} -# FRONTEND_URL=${{ vars.FRONTEND_URL }} -# TURNSTILE_SITE_KEY=${{ vars.TURNSTILE_SITE_KEY }} + - name: Check code style + run: npm run prettier diff --git a/README.md b/README.md index 9b6de76..392ecdb 100644 --- a/README.md +++ b/README.md @@ -26,6 +26,6 @@ This project uses **Docker Hub Automated Builds** for continuous deployment: - `main` branch → Production environment variables (`latest` tag) - `dev` branch → Development environment variables (`latest-test` tag) 4. **Image Tagging**: The built image is tagged with the git commit hash and branch-specific tags: - - `main` → `seebruecke/bside-website:a1b2c3d` + `seebruecke/bside-website:latest` - - `dev` → `seebruecke/bside-website:b2c3d4e` + `seebruecke/bside-website:latest-test` + - `main` → `seebruecke/bside-website:a1b2c3d` + `seebruecke/bside-website:latest` + - `dev` → `seebruecke/bside-website:b2c3d4e` + `seebruecke/bside-website:latest-test` 5. **Registry Push**: The image is automatically pushed to Docker Hub diff --git a/components/blocks/buttonBlock/Button.tsx b/components/blocks/buttonBlock/Button.tsx index bdc8a4d..b3d47cb 100644 --- a/components/blocks/buttonBlock/Button.tsx +++ b/components/blocks/buttonBlock/Button.tsx @@ -14,13 +14,8 @@ interface Props { const Button = ({ title, href, text, target = '_self', inverse = false }: Props): ReactElement => { return ( -
- {!isEmptyString(title) && ( -
{title}
- )} +
+ {!isEmptyString(title) &&
{title}
} { return ( - - {!isEmptyString(title) && ( -
{title}
- )} + + {!isEmptyString(title) &&
{title}
} +
{withArrows && (
)} - {!isEmptyString(title) && ( -
{title}
- )} + {!isEmptyString(title) &&
{title}
}

{circle.name}

- {!isEmptyString(circle.description) && ( -

- {circle.description} -

- )} + {!isEmptyString(circle.description) &&

{circle.description}

}
{ +const EventsOverviewBlock = ({ headlineText, richText, eventsOnPage }: EventOverviewBlockProps): ReactElement => { return ( <> diff --git a/components/blocks/headlineBlock/Headline.tsx b/components/blocks/headlineBlock/Headline.tsx index 13e0d05..6015dee 100644 --- a/components/blocks/headlineBlock/Headline.tsx +++ b/components/blocks/headlineBlock/Headline.tsx @@ -6,15 +6,7 @@ import HeadlineTag from '@blocks/headlineBlock/HeadlineTag'; export type HeadlineLevel = 'h1' | 'h2' | 'h3' | 'h4'; -const Headline = ({ - title, - anchor, - teaser, - level, - as = null, - teaserLink = '', - textClass = '', -}: HeadlineBlockProps): ReactElement => { +const Headline = ({ title, anchor, teaser, level, as = null, teaserLink = '', textClass = '' }: HeadlineBlockProps): ReactElement => { const renderedLevel = as ?? level; return ( diff --git a/components/blocks/headlineBlock/HeadlineBlock.tsx b/components/blocks/headlineBlock/HeadlineBlock.tsx index 155b143..5d198ca 100644 --- a/components/blocks/headlineBlock/HeadlineBlock.tsx +++ b/components/blocks/headlineBlock/HeadlineBlock.tsx @@ -9,13 +9,7 @@ const HeadlineBlock = (props: HeadlineBlockProps): ReactElement => {
- +
@@ -24,13 +18,7 @@ const HeadlineBlock = (props: HeadlineBlockProps): ReactElement => { return ( - + ); }; diff --git a/components/blocks/headlineBlock/HeadlineKicker.tsx b/components/blocks/headlineBlock/HeadlineKicker.tsx index d75fa92..6fae425 100644 --- a/components/blocks/headlineBlock/HeadlineKicker.tsx +++ b/components/blocks/headlineBlock/HeadlineKicker.tsx @@ -33,19 +33,13 @@ const HeadlineKicker = ({ children, level, link = '' }: Props): ReactElement => switch (level) { case 'h1': return ( - - {linkContent} - + {linkContent} ); case 'h2': case 'h3': case 'h4': - return ( - - {linkContent} - - ); + return {linkContent}; } }; diff --git a/components/blocks/headlineBlock/HeadlineTag.tsx b/components/blocks/headlineBlock/HeadlineTag.tsx index 2e607e4..6181205 100644 --- a/components/blocks/headlineBlock/HeadlineTag.tsx +++ b/components/blocks/headlineBlock/HeadlineTag.tsx @@ -21,40 +21,28 @@ const HeadlineTag = ({ children, level, anchor }: Props): ReactElement => { switch (level) { case 'h1': return ( -

+

{children}

); case 'h2': return ( -

+

{children}

); case 'h3': return ( -

+

{children}

); case 'h4': return ( -

+

{children}

); diff --git a/components/blocks/mediaBlock/MediaBlock.tsx b/components/blocks/mediaBlock/MediaBlock.tsx index a821beb..0157fa5 100644 --- a/components/blocks/mediaBlock/MediaBlock.tsx +++ b/components/blocks/mediaBlock/MediaBlock.tsx @@ -7,10 +7,7 @@ import isEmptyString from '@/lib/common/helper/isEmptyString'; import isEmptyNumber from '@/lib/common/helper/isEmptyNumber'; import type { MediaBlockProps } from '@/types/payload/Blocks'; -const WideMediaBlock = ( - url: string, - effects: Array<'blur' | 'grayscale' | 'desaturated' | 'darker'>, -): ReactElement | null => { +const WideMediaBlock = (url: string, effects: Array<'blur' | 'grayscale' | 'desaturated' | 'darker'>): ReactElement | null => { return (
{ +const MediaBlock = ({ media, caption, size, effects }: MediaBlockProps): ReactElement | null => { if (typeof media === 'string') { console.warn('Unexpectedly media is just a string, this is not supported.'); return null; diff --git a/components/blocks/mediaContent/MediaContentBlock.tsx b/components/blocks/mediaContent/MediaContentBlock.tsx index f7e85ac..d2d4af0 100644 --- a/components/blocks/mediaContent/MediaContentBlock.tsx +++ b/components/blocks/mediaContent/MediaContentBlock.tsx @@ -21,39 +21,20 @@ const MediaContentBlock = ({ } if (alignment === 'contentOnBottom') { - return ( - - ); + return ; } if (backgroundColor === 'black') { return (
- +
); } - return ( - - ); + return ; }; export default MediaContentBlock; diff --git a/components/blocks/mediaContent/MediaContentOverlay.tsx b/components/blocks/mediaContent/MediaContentOverlay.tsx index aad8ace..40027a7 100644 --- a/components/blocks/mediaContent/MediaContentOverlay.tsx +++ b/components/blocks/mediaContent/MediaContentOverlay.tsx @@ -18,15 +18,7 @@ interface Props { effects: Array<'blur' | 'grayscale' | 'desaturated' | 'darker'>; } -const MediaContentOverlay = ({ - media, - richText, - headlineText, - headlineTeaser, - buttonText, - buttonHref, - effects, -}: Props): ReactElement => { +const MediaContentOverlay = ({ media, richText, headlineText, headlineTeaser, buttonText, buttonHref, effects }: Props): ReactElement => { return ( <>
@@ -45,14 +37,7 @@ const MediaContentOverlay = ({
- {!isEmptyString(headlineText) && ( - - )} + {!isEmptyString(headlineText) && }
diff --git a/components/blocks/reusableLayout/ReusableBlockLayout.tsx b/components/blocks/reusableLayout/ReusableBlockLayout.tsx index 5c7b0e3..70aaf25 100644 --- a/components/blocks/reusableLayout/ReusableBlockLayout.tsx +++ b/components/blocks/reusableLayout/ReusableBlockLayout.tsx @@ -14,11 +14,7 @@ const ReusableBlockLayout = ({ layout, circles, eventsOnPage }: Props): ReactEle <> {layout?.map((layoutElement, index) => ( { +const ReusableBlockLayoutPartial = ({ page, start, end }: { page: Page; start: number; end?: number }): ReactElement => { if (!page.layout) { return
; } diff --git a/components/blocks/reusableLayout/ReusableBlocks.tsx b/components/blocks/reusableLayout/ReusableBlocks.tsx index 4db33f2..a973218 100644 --- a/components/blocks/reusableLayout/ReusableBlocks.tsx +++ b/components/blocks/reusableLayout/ReusableBlocks.tsx @@ -20,22 +20,10 @@ interface Props { eventsOnPage?: EventsOnPage; } -const ReusableBlocks = ({ - layoutElement, - circles = null, - previousBlock, - nextBlock, - eventsOnPage, -}: Props): ReactElement | null => { +const ReusableBlocks = ({ layoutElement, circles = null, previousBlock, nextBlock, eventsOnPage }: Props): ReactElement | null => { switch (layoutElement.blockType) { case 'callToAction': - return ( - - ); + return ; case 'content': return ( @@ -83,22 +71,10 @@ const ReusableBlocks = ({ ); case 'circleOverview': - return ( - - ); + return ; case 'eventOverview': - return ( - - ); + return ; case 'teaser': return ( diff --git a/components/blocks/richTextBlock/RichText.tsx b/components/blocks/richTextBlock/RichText.tsx index af7ac92..a67ad83 100644 --- a/components/blocks/richTextBlock/RichText.tsx +++ b/components/blocks/richTextBlock/RichText.tsx @@ -1,11 +1,13 @@ -import type React from 'react'; +import type { ReactElement } from 'react'; import type { SlateChildren } from '@/types/payload/Blocks'; import serializeRichTextToHtml from 'components/blocks/richTextBlock/serializeRichTextToHtml'; -const RichText: React.FC<{ className?: string; content: SlateChildren }> = ({ - className, - content, -}) => { +interface Props { + className?: string; + content: SlateChildren; +} + +const RichText = ({ className, content }: Props): ReactElement | null => { if (content.length <= 0) { return null; } diff --git a/components/blocks/richTextBlock/serializeRichTextToHtml.tsx b/components/blocks/richTextBlock/serializeRichTextToHtml.tsx index 456232b..3c5b91e 100644 --- a/components/blocks/richTextBlock/serializeRichTextToHtml.tsx +++ b/components/blocks/richTextBlock/serializeRichTextToHtml.tsx @@ -27,12 +27,7 @@ export interface RichTextUploadNodeType { } const serializeText = (node: Record & Text, index: number): ReactElement => { - let text = ( - ') }} - /> - ); + let text = ') }} />; if (node.bold === true) { text = ( @@ -75,10 +70,7 @@ const serializeText = (node: Record & Text, index: number): Rea const serializeMedia = (node: Record): ReactElement | null => { const justify = - typeof node.fields === 'object' && - node.fields !== null && - 'alignment' in node.fields && - typeof node.fields.alignment === 'string' + typeof node.fields === 'object' && node.fields !== null && 'alignment' in node.fields && typeof node.fields.alignment === 'string' ? node.fields.alignment : 'center'; @@ -111,7 +103,7 @@ const serializeLink = (node: LinkSlateChild, index: number): ReactElement => { // TODO: Add support for internal links - or prevent option in Payload. Also it seems to cause errors, when there's // an internal link to a doc that's not public, e.g. a user. console.warn('Link type "internal" is currently not supported!'); - return <> + return <>; } const linkText = node.children[0]?.text; @@ -172,9 +164,7 @@ const serializeRichTextToHtml = (children: SlateChildren): Array - - {serializeRichTextToHtml(nodeChildren)} - + {serializeRichTextToHtml(nodeChildren)}
); diff --git a/components/blocks/sliderBlock/SliderBlock.tsx b/components/blocks/sliderBlock/SliderBlock.tsx index f5306f4..b1b8d19 100644 --- a/components/blocks/sliderBlock/SliderBlock.tsx +++ b/components/blocks/sliderBlock/SliderBlock.tsx @@ -56,9 +56,7 @@ const SliderBlock = ({ imageSlides }: SliderBlockProps): ReactElement => { />
{!isEmptyString(item.description) && ( -

- {item.description} -

+

{item.description}

)} ))} diff --git a/components/blocks/teaserBlock/Teaser.tsx b/components/blocks/teaserBlock/Teaser.tsx index f53f7bd..1b08393 100644 --- a/components/blocks/teaserBlock/Teaser.tsx +++ b/components/blocks/teaserBlock/Teaser.tsx @@ -6,15 +6,7 @@ import Headline from '@blocks/headlineBlock/Headline'; import RichText from '@blocks/richTextBlock/RichText'; import type { TeaserBlockProps } from '@blocks/teaserBlock/TeaserBlock'; -const Teaser = ({ - headlineTitle, - headlineTeaser, - text, - image, - reversed, - linkText, - linkHref, -}: TeaserBlockProps): ReactElement => { +const Teaser = ({ headlineTitle, headlineTeaser, text, image, reversed, linkText, linkHref }: TeaserBlockProps): ReactElement => { return (
{reversed && ( @@ -34,12 +26,7 @@ const Teaser = ({
- +
diff --git a/components/blocks/teaserBlock/TeaserBlock.tsx b/components/blocks/teaserBlock/TeaserBlock.tsx index 20644c0..c482ed1 100644 --- a/components/blocks/teaserBlock/TeaserBlock.tsx +++ b/components/blocks/teaserBlock/TeaserBlock.tsx @@ -34,13 +34,7 @@ const TeaserBlock = ({ if (isLg) { return (
-
+
{ return ; default: - console.error(`Received unexpected width of first column: ${firstColumn.width}`) + console.error(`Received unexpected width of first column: ${firstColumn.width}`); return null; } }; diff --git a/components/blocks/textBlock/ContentBlock.tsx b/components/blocks/textBlock/ContentBlock.tsx index e369056..1476fbe 100644 --- a/components/blocks/textBlock/ContentBlock.tsx +++ b/components/blocks/textBlock/ContentBlock.tsx @@ -3,11 +3,7 @@ import ContentWrapper from '@/components/layout/ContentWrapper'; import type { ContentProps } from '@/types/payload/Blocks'; import ColumnsContent from 'components/blocks/textBlock/ColumnsContent'; -const ContentBlock = ({ - backgroundColor, - backgroundWidth, - columns, -}: ContentProps): ReactElement | null => { +const ContentBlock = ({ backgroundColor, backgroundWidth, columns }: ContentProps): ReactElement | null => { if (backgroundWidth === 'full' && backgroundColor === 'black') { return (
diff --git a/components/blocks/textBlock/TwoThirdsColumnsContent.tsx b/components/blocks/textBlock/TwoThirdsColumnsContent.tsx index 68066f9..16b32a3 100644 --- a/components/blocks/textBlock/TwoThirdsColumnsContent.tsx +++ b/components/blocks/textBlock/TwoThirdsColumnsContent.tsx @@ -8,7 +8,7 @@ interface Props { secondColumn?: ContentColumnProps; } -const TwoThirdsColumnsContent = ({ firstColumn, secondColumn, }: Props): ReactElement => { +const TwoThirdsColumnsContent = ({ firstColumn, secondColumn }: Props): ReactElement => { if (secondColumn === undefined) { console.warn('Falling back to full column instead of twoThirds since second column is missing'); diff --git a/components/common/Footer.tsx b/components/common/Footer.tsx index 9e9dc8c..973aee8 100644 --- a/components/common/Footer.tsx +++ b/components/common/Footer.tsx @@ -7,12 +7,7 @@ import ContentWrapper from '@/components/layout/ContentWrapper'; const FooterLink = ({ linkUrl, linkText }: { linkUrl: string; linkText: string }): ReactElement => (
- + {linkText}
@@ -48,13 +43,7 @@ const Instagram = (): ReactElement => ( const Mastodon = (): ReactElement => (
- + Mastodon @@ -75,9 +64,7 @@ const Footer = (): ReactElement => { @@ -87,9 +74,7 @@ const Footer = (): ReactElement => { @@ -110,11 +95,7 @@ const Footer = (): ReactElement => { | {locale !== 'en' ? 'Kontakt' : 'Contact Us'} @@ -126,33 +107,18 @@ const Footer = (): ReactElement => {

B-Side GmbH

- - + +

- {locale !== 'en' - ? 'Zentrale Teile des Zentrums' - : 'Other Central Parts'} + {locale !== 'en' ? 'Zentrale Teile des Zentrums' : 'Other Central Parts'}

- +
-

- {locale !== 'en' ? 'Andere Plattformen' : 'Other platforms'} -

+

{locale !== 'en' ? 'Andere Plattformen' : 'Other platforms'}

diff --git a/components/common/HeroImage.tsx b/components/common/HeroImage.tsx index 43db3f0..d149c51 100644 --- a/components/common/HeroImage.tsx +++ b/components/common/HeroImage.tsx @@ -16,11 +16,7 @@ const HeroImage = ({ imageSrc, imageAlt, title, width, height }: Props): ReactEl <>
{imageAlt}
- {!isEmptyString(title) && ( -

- {title} -

- )} + {!isEmptyString(title) &&

{title}

} ); }; diff --git a/components/common/HeroImageSvg.tsx b/components/common/HeroImageSvg.tsx index a1f1432..bbc3e61 100644 --- a/components/common/HeroImageSvg.tsx +++ b/components/common/HeroImageSvg.tsx @@ -15,11 +15,7 @@ const HeroImageSvg = ({ imageSrc, imageAlt, title }: Props): ReactElement => {
{imageAlt} { />
- {!isEmptyString(title) && ( -

- {title} -

- )} + {!isEmptyString(title) &&

{title}

}
); }; diff --git a/components/common/HeroText.tsx b/components/common/HeroText.tsx index 9c955c4..ec725bb 100644 --- a/components/common/HeroText.tsx +++ b/components/common/HeroText.tsx @@ -8,9 +8,7 @@ interface Props { const HeroText = ({ title }: Props): ReactElement => { return ( -

- {title} -

+

{title}

); }; diff --git a/components/common/Image.tsx b/components/common/Image.tsx index 5b9a2fb..fdf58db 100644 --- a/components/common/Image.tsx +++ b/components/common/Image.tsx @@ -10,10 +10,7 @@ export interface Props { effects: Array<'blur' | 'grayscale' | 'desaturated' | 'darker'>; } -export const PayloadImage = ({ - resource: { url, alt, height, width }, - effects, -}: Props): ReactElement => { +export const PayloadImage = ({ resource: { url, alt, height, width }, effects }: Props): ReactElement => { if (isEmptyString(url) || isEmptyNumber(height) || isEmptyNumber(width)) { console.warn('Resource is missing required fields', { url, height, width }); return
; diff --git a/components/contactForm/ContactForm.tsx b/components/contactForm/ContactForm.tsx index 0d7f42d..c1ddbb8 100644 --- a/components/contactForm/ContactForm.tsx +++ b/components/contactForm/ContactForm.tsx @@ -64,8 +64,7 @@ const ContactForm = (): ReactElement => { }).then(); } else { setError('root', { - message: - 'Bei der Übertragung deiner Nachricht ist leider ein Fehler aufgetreten. Bitte versuche es nochmal!', + message: 'Bei der Übertragung deiner Nachricht ist leider ein Fehler aufgetreten. Bitte versuche es nochmal!', }); } }, [setError]); @@ -74,36 +73,19 @@ const ContactForm = (): ReactElement => { return ( <> -