Return back old news data and fixed issue in year tab and see all/less button action

Author: FrozenIce0617

src/pages/press.md

@@ -84,4 +84,110 @@ press_items_section:
       source: Cointelegraph
       excerpt: Crypto custodian Anchorage has launched support for KEEP in its latest bid to emerge as a leading custodian for DeFi tokens.
       url: https://cointelegraph.com/news/anchorage-launches-support-for-defi-token-keep
+    - date: "2020-09-22T19:25:00.000Z"
+      title: Bitcoin-on-Ethereum Token tBTC Relaunches Following Buggy Debut in May
+      source: Coindesk
+      excerpt:
+        A decentralized way to copy bitcoin (BTC) over to Ethereum relaunches
+        today. Called tBTC, the Thesis-built protocol was first announced in
+        April, and is now ready for a fresh start.
+      url: https://www.coindesk.com/thesis-bitcoin-token-tbtc-relaunches-following-buggy-debut
+    - date: "2020-09-22T13:00:00.000Z"
+      title: Bitcoin-Backed Ethereum Token tBTC Launches—for the Second Time
+      source: Decrypt
+      excerpt:
+        Thesis CEO Matt Luongo says the launch of tBTC is an opportunity to
+        unite two disparate tribes, and galvanize an emerging DeFi market.
+      url: https://decrypt.co/42533/bitcoin-backed-ethereum-token-tbtc-launches-for-the-second-time
+    - date: "2020-07-28T03:50:00.000Z"
+      url: https://www.ibtimes.com/how-millennial-finance-will-make-legacy-banking-system-irrelevant-3017842
+      excerpt:
+        Millennials are often looked to as bellwethers of contemporary society.
+        Not since the baby boomers has a generation been so widely analyzed –
+        and criticized – as a harbinger of things to come. Among this
+        generation’s targets for disruption, finance looms large.
+      source: IBTimes
+      title: How Millennial Finance Will Make The Legacy Banking System Irrelevant
+    - date: "2020-04-28T16:36:44.400Z"
+      url: https://unchainedpodcast.com/tbtc-what-happens-when-the-most-liquid-crypto-asset-hits-defi/
+      source: Unchained Podcast
+      title:
+        "Keep CEO on Unchained Podcast – tBTC: What Happens When the Most Liquid
+        Crypto Asset Hits DeFi?"
+      excerpt: Matt Luongo, CEO of Thesis, the parent company of Fold and Keep,
+        describes the just-launched tBTC, his plan for a censorship-resistant
+        Bitcoin-Ethereum bridge.
+    - date: "2020-04-02T16:38:19.751Z"
+      url: https://decrypt.co/24336/bitcoin-to-ethereum-bridge-raises-7-7-million-in-token-sale
+      source: Decrypt
+      title: Bitcoin to Ethereum bridge raises $7.7 Million in Token Sale
+      excerpt:
+        The Keep Protocol has raised over $7 million for its Ethereum privacy
+        layer solution. Keep is supporting tBTC, a project to build a Bitcoin
+        token on the Ethereum network.
+    - date: "2020-04-02T16:00:00.000Z"
+      url: https://www.bloomberg.com/news/articles/2020-04-02/bitcoin-s-ethereum-rivalry-could-be-assuaged-with-tbtc-bridge
+      source: Bloomberg
+      title: Bitcoin’s Ethereum Rivalry Could Be Assuaged With tBTC Bridge
+      excerpt:
+        For almost as long as there have been digital currencies, a rivalry has
+        existed between Bitcoin and Ethereum. Now, a project called tBTC is
+        seeking to forge a truce between the two by allowing Bitcoin owners
+        access to the financial applications that run on Ethereum.
+    - date: "2020-03-04T17:35:23.187Z"
+      title: "Reflections of a Monetary Maximalist: My Crypto Thesis"
+      source: Thesis
+      url: https://thesis.co/reflections-of-a-monetary-maximalist
+      excerpt: Keep CEO Matt Luongo shares his crypto thesis and his “monetary
+        maximalism”— the result of a decade spent evolving and growing alongside
+        the cryptocurrency movement.
+    - title: Announcing tBTC with James Prestwich and Matt Luongo of Cross-Chain Group
+      date: "2019-08-21T00:00:00.000Z"
+      source: Wyre Talks Podcast
+      excerpt:
+        Cross-Chain Group founders Matt Luongo and James Prestwich join Wyre
+        hosts Louis Aboud Hogben and Tom Scaria to discuss Bitcoin for DeFi; how
+        tBTC facilitates interoperability and brings Bitcoin to other chains.
+      url: https://wyre-talks.simplecast.com/episodes/ep-47-announcing-tbtc-with-james-prestwich-and-matt-luongo-of-cross-chain-group-tHcZr3jW
+    - title:
+        Messari adds 11 new Disclosures Registry participants, surpassing 50
+        members
+      date: "2019-08-20T00:00:00.000Z"
+      source: Messari
+      excerpt: Keep has joined the Messari Disclosures Registry as 11 new crypto
+        projects are added. Read Coindesk’s coverage.
+      url: https://messari.io/article/announcement-messari-adds-11-new-disclosures-registry-participants-surpassing-50-members
+    - title: These Bitcoin Users Want DAI and DeFi – Here’s How They Plan to Get It
+      date: "2019-08-16T00:00:00.000Z"
+      source: Coindesk
+      excerpt:
+        Leigh Cuen covers Cross-Chain Group’s first-ever Cross-Chain Summit for
+        blockchain interoperability in San Francisco, highlighting the Group’s
+        announcement of tBTC.
+      url: https://www.coindesk.com/these-bitcoin-users-want-dai-and-defi-heres-how-they-plan-to-get-it
+    - title: Episode 041 - Matt Luongo (Keep)
+      date: "2019-06-17T00:00:00.000Z"
+      source: Baselayer Podcast
+      excerpt:
+        David invited Keep Project Lead, Matt Luongo, to join the podcast and
+        discuss privacy, interoperability, and the blockchain space as a whole.
+      url: https://podcasts.apple.com/us/podcast/base-layer-episode-041-matt-luongo-keep/id1445373535?i=1000441792480
+    - title: Keep developers present network component libp2p to IPFS
+      date: "2019-05-06T00:00:00.000Z"
+      source: IPFS Youtube Channel
+      excerpt:
+        Piotr Dyraga and Raghav Gulati gave a presentation at an IPFS Weekly
+        Call + Contributor Office Hours on one of the important components of
+        Keep — libp2p.
+      url: https://www.youtube.com/watch?v=EamY2U2Ohyk
+    - title: Corbin Pon interviewed by Underscore VC Co-Founder
+      date: "2019-04-23T00:00:00.000Z"
+      source: Underscore VC Youtube Channel
+      excerpt:
+        Discussing the future of blockchain, Corbin Pon and Richard Dulude
+        covered the possibilities that Keep enables for public blockchains,
+        different levels of privacy and security, hopes and plans for a safer
+        financial world with ownership certainty, and the top things hindering
+        blockchain.
+      url: https://www.youtube.com/watch?v=PfwJODGY6yQ
 ---

src/templates/press-page.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react"
+import React, { useEffect, useMemo, useState } from "react"
 import ClampLines from "react-clamp-lines"
 import { Col, Row } from "reactstrap"
 import PropTypes from "prop-types"
@@ -62,28 +62,9 @@ export const PressPageTemplate = ({
 }) => {
   const { press_items: pressItems } = pressItemsSection
   const [allPressEntries, setAllPressEntries] = useState([])
-  const [pressEntries, setPressEntries] = useState([])
   const [year, setYear] = useState(null)
-
-  const entries2019 = allPressEntries.filter((entry) =>
-    entry.date.includes("2019")
-  )
-  const entries2020 = allPressEntries.filter((entry) =>
-    entry.date.includes("2020")
-  )
-  const entries2021 = allPressEntries.filter((entry) =>
-    entry.date.includes("2021")
-  )
-
-  useEffect(() => {
-    year === 2019
-      ? setPressEntries(entries2019)
-      : year === 2020
-      ? setPressEntries(entries2020)
-      : year === 2021 && entries2021
-      ? setPressEntries(entries2021)
-      : setPressEntries(allPressEntries)
-  }, [year])
+  const [entrySize, setEntrySize] = useState(0)
+  const [isShowAll, setShowAll] = useState(false)
 
   useEffect(() => {
     const dateOptions = { year: "numeric", month: "long", day: "numeric" }
@@ -96,18 +77,19 @@ export const PressPageTemplate = ({
         date: new Date(item.date).toLocaleDateString("en-US", dateOptions),
       }))
     setAllPressEntries(sortedAndFormatted)
-    setPressEntries(sortedAndFormatted.slice(0, 10))
   }, [pressItems])
 
-  const handleShowAll = () => {
-    year === 2019
-      ? setPressEntries(entries2019)
-      : year === 2020
-      ? setPressEntries(entries2020)
-      : year === 2021 && entries2021
-      ? setPressEntries(entries2021)
-      : setPressEntries(allPressEntries)
-  }
+  const pressEntries = useMemo(() => {
+    const entires = year
+      ? allPressEntries.filter((entry) => entry.date.includes(year))
+      : [...allPressEntries]
+    setEntrySize(entires.length)
+    if (isShowAll) {
+      return entires
+    } else {
+      return entires.slice(0, 10)
+    }
+  }, [allPressEntries, year, isShowAll])
 
   return (
     <div className="press-content">
@@ -197,11 +179,14 @@ export const PressPageTemplate = ({
             ))}
           </Col>
         </Row>
-        {pressEntries.length === 0 ? (
+        {entrySize === 0 ? (
           "No posts available"
-        ) : pressEntries.length > 10 ? (
+        ) : entrySize > 10 ? (
           <div className="pagination">
-            <SeeAllButton onClick={handleShowAll} />
+            <SeeAllButton
+              collapsed={!isShowAll}
+              onClick={() => setShowAll(!isShowAll)}
+            />
           </div>
         ) : (
           <></>