fix(styleguide): fix faulty typing & invalid length check

republik · May 22, 2024 · db44651 · db44651
1 parent 10aee72
commit db44651
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/styleguide/src/components/Figure/Image.tsx b/packages/styleguide/src/components/Figure/Image.tsx
@@ -54,7 +54,7 @@ const GalleryButton = ({ gallerySize, onClick }: GalleryButtonProps) => {
 }
 
 type ImageProps = {
-  src: string
+  src?: string
   dark?: {
     src: string
     srcSet?: string

diff --git a/packages/styleguide/src/components/TeaserCarousel/Subject.tsx b/packages/styleguide/src/components/TeaserCarousel/Subject.tsx
@@ -1,6 +1,6 @@
 import { css } from 'glamor'
 import PropTypes from 'prop-types'
-import React from 'react'
+import React, { Children } from 'react'
 import { mUp } from '../TeaserFront/mediaQueries'
 import { sansSerifRegular16, sansSerifRegular18 } from '../Typography/styles'
 import { useColorContext } from '../Colors/useColorContext'
@@ -23,7 +23,7 @@ const Subject = ({ children }: SubjectProps) => {
   const [colorScheme] = useColorContext()
   const customStyles = css(styles, {
     '&::after': {
-      content: children.length ? ' ' : undefined,
+      content: Children.count(children) > 0 ? ' ' : undefined,
     },
   })
   return (