diff --git a/src/components/Home/ArticlesSection.tsx b/src/components/Home/ArticlesSection.tsx index 3ec8f4a..3d271c2 100644 --- a/src/components/Home/ArticlesSection.tsx +++ b/src/components/Home/ArticlesSection.tsx @@ -1,6 +1,6 @@ import styled from '@emotion/styled' import Link from 'next/link' -import React, { useEffect } from 'react' +import React, { useEffect, useState } from 'react' import { Section, SectionTitle } from './StyledComponents' interface Article { @@ -70,16 +70,22 @@ const MAX_ARTICLES = 4 const ArticlesSection: React.FC = () => { const [showSeeMore, setShowSeeMore] = React.useState(false) + const [count, setCount] = useState(MAX_ARTICLES) useEffect(() => { setShowSeeMore(articlesData.length > MAX_ARTICLES) }, []) + const handleSeeMore = () => { + setCount(articlesData.length) + setShowSeeMore(false) + } + return (
Articles - {articlesData.map((article, index) => ( + {articlesData.slice(0, count).map((article, index) => ( {article.image && ( @@ -95,7 +101,9 @@ const ArticlesSection: React.FC = () => { ))} - {/* {showSeeMore && See more} */} + {showSeeMore && ( + See more + )}
) } diff --git a/src/components/Modals/LightningTalksModal.tsx b/src/components/Modals/LightningTalksModal.tsx index 3f4c9c2..e9538fc 100644 --- a/src/components/Modals/LightningTalksModal.tsx +++ b/src/components/Modals/LightningTalksModal.tsx @@ -29,7 +29,7 @@ const LightningTalksModal = ({
-

Submit Your Talk

+

SUBMIT YOUR TALK