Fixed failing build

src/modules/Newspaper/components/Headline/Headline.tsx

@@ -10,18 +10,20 @@ const Headline = ({ headline }: HeadlineProps) => {
   const { t } = useTranslation('translation', { keyPrefix: 'newspaper.headline' })
 
   const copy = useCallback(() => {
-    navigator.clipboard.writeText(headline).then(() => {
-      fireToast({
-        type: 'success',
-        timeout: 2000,
-        message: t('copy.success')
+    if (typeof headline === 'string') {
+      navigator.clipboard.writeText(headline).then(() => {
+        fireToast({
+          type: 'success',
+          timeout: 2000,
+          message: t('copy.success')
+        })
+      }).catch(() => {
+        fireToast({
+          type: 'error',
+          message: t('copy.error')
+        })
       })
-    }).catch(() => {
-      fireToast({
-        type: 'error',
-        message: t('copy.error')
-      })
-    })
+    }
   }, [fireToast, headline, t])
 
   return (

src/views/HomeView/HomeView.tsx

@@ -70,11 +70,17 @@ const HomeView = () => {
 
         <Grid container spacing={{ xs: 4, md: 8 }} columns={12} sx={{ flexGrow: 1 }}>
           <Grid xs={12} lg={6} sx={{ borderRight: "1px solid black" }} className={styles.typeArticle}>
-            <NewspaperArticle className={styles.article} />
+            <NewspaperArticle
+              className={styles.article}
+              onClick={() => navigate('/newspaper')}
+            />
           </Grid>
 
           <Grid xs={12} lg={6} className={styles.typeArticle}>
-            <CardsArticle className={styles.article} />
+            <CardsArticle
+              className={styles.article}
+              onClick={() => navigate('/articles')}
+            />
           </Grid>
         </Grid>
       </Grid>

src/views/HomeView/components/CardsArticle/CardsArticle.tsx

@@ -5,11 +5,11 @@ import { CardsArticleProps } from "views/HomeView/components/CardsArticle/types.
 import classNames from "classnames"
 import styles from './CardsArticle.module.scss'
 
-const CardsArticle = ({ className }: CardsArticleProps) => {
+const CardsArticle = ({ className, onClick }: CardsArticleProps) => {
   const { t } = useTranslation('translation', { keyPrefix: 'views.home.articles.cards' })
 
   return (
-    <div data-testid='home-newspaper-article' className={classNames(styles.wrapper, className)}>
+    <div data-testid='home-newspaper-article' className={classNames(styles.wrapper, className)} onClick={onClick}>
       <img src={cardsAnimation} alt='cards'/>
 
       <Typography>

src/views/HomeView/components/CardsArticle/types.ts

@@ -1,3 +1,4 @@
 export interface CardsArticleProps {
     className?: string
+    onClick: () => void
 }

src/views/HomeView/components/NewspaperArticle/NewspaperArticle.tsx

@@ -5,11 +5,11 @@ import { NewspaperArticleProps } from "views/HomeView/components/NewspaperArticl
 import classNames from "classnames"
 import Typography from "components/Typography"
 
-const NewspaperArticle = ({ className }: NewspaperArticleProps) => {
+const NewspaperArticle = ({ className, onClick }: NewspaperArticleProps) => {
   const { t } = useTranslation('translation', { keyPrefix: 'views.home.articles.newspaper' })
 
   return (
-    <div data-testid='home-newspaper-article' className={classNames(styles.wrapper, className)}>
+    <div data-testid='home-newspaper-article' className={classNames(styles.wrapper, className)} onClick={onClick}>
       <img  src={newspaperAnimation} />
 
       <Typography>

src/views/HomeView/components/NewspaperArticle/types.ts

@@ -1,3 +1,4 @@
 export interface NewspaperArticleProps {
     className?: string
+    onClick: () => void
 }