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