Merge pull request #429 from keep-network/feat/srt-85-news-update

feat(Data)/SRT-85: News data update

Author: micahjlucas

src/pages/press.md

@@ -27,25 +27,63 @@ news:
   title: In the News
   body: Featured Coverage
   cards:
-    - title: How Millennial Finance Will Make The Legacy Banking System Irrelevant
-      source: IBTimes
-      excerpt: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Elit cursus sed feugiat iaculis dictumst.
-      date: "2020-09-22T13:00:00.000Z"
+    - title: Keep Network unveils v2 specs for tBTC protocol
+      source: Cointelegraph
+      excerpt: The second iteration of tBTC is expected to require stakers to only lock up Keep rather than both Keep and ETH, alongside introducing changes to its wallet-generation mechanism. The protocol allows users to tokenize their Bitcoin for use on the Ethereum network.
+      date: "4/12/2021"
       icon:
         image: /images/home/keep-blog.png
-        alt: Forbes
-      url: https://www.coindesk.com/thesis-bitcoin-token-tbtc-relaunches-following-buggy-debut
-    - title: Bitcoin-Backed Ethereum Token tBTC Launches—for the Second Time
-      source: Decrypt
-      excerpt: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Elit cursus sed feugiat iaculis dictumst.
-      date: "2020-09-22T13:00:00.000Z"
+        alt: Cointelegraph
+      url: https://cointelegraph.com/news/keep-network-unveils-v2-specs-for-tbtc-protocol
+    - title: "‘Keanu’ Explained: What It Means to Merge Two Ethereum Projects"
+      source: CoinDesk
+      excerpt: "Two encryption projects, Keep and NuCypher, both running on the Ethereum blockchain, have begun discussing what they are calling a “hard merge,” codename: Keanu. Crucially, this would be a merger of their protocols’ functions and communities, not of their companies."
+      date: "3/11/2021"
       icon:
         image: /images/home/keep-blog.png
-        alt: Forbes
-      url: https://www.coindesk.com/thesis-bitcoin-token-tbtc-relaunches-following-buggy-debut
+        alt: CoinDesk
+      url: https://www.coindesk.com/keanu-explained-nucypher-keep-merger-ethereum
+    - title: Keep Network, NuCypher teams pitch protocol merger on the Ethereum blockchain
+      source: The Block
+      excerpt: Development teams for Keep Protocol and NuCypher are proposing an on-chain merger in a network first for Ethereum.
+      date: "3/8/2021"
+      icon:
+        image: /images/home/keep-blog.png
+        alt: The Block
+      url: https://www.theblockcrypto.com/post/97634/keep-protocol-nucypher-ethereum-merger
 press_items_section:
   title: Latest Coverage
   press_items:
+    - date: "2020-09-24T19:25:00.000Z"
+      title: Keep Network Launches tBTC with KEEP Liquidity Mining Plans
+      source: DeFi Rate
+      excerpt: tBTC is an ERC-20 token that allows Bitcoin to be securely on Ethereum as as tBTC. Unlike WBTC, tBTC allows users to trustlessly go to and from the bridge without having to use a centralized custodian.
+      url: https://defirate.com/tbtc-launch/
+    - date: "2020-09-30T13:00:00.000Z"
+      title: Nexus Mutual Launches Shield Mining with KEEP Network tBTC
+      source: DeFi Rate
+      excerpt: Nexus Mutual has announced a new staking feature called “shield mining” to incentivize smart contract cover, starting with Keep Network.
+      url: https://defirate.com/nexus-mutual-shield-mining/
+    - date: "2020-12-15T03:50:00.000Z"
+      title: Exchange adds tBTC minting capabilities, lowering barrier to entry
+      source: Cointelegraph
+      excerpt: Users can now mint tBTC, a decentralized version of Bitcoin on the Ethereum blockchain, right on the CoinList exchange.
+      url: https://cointelegraph.com/news/exchange-adds-tbtc-minting-capabilities-lowering-barrier-to-entry
+    - date: "2020-09-02T16:36:44.400Z"
+      title: "Messari: $500M in BTC tokenized for DeFi is just the beginning"
+      source: Cointelegraph
+      excerpt: With more than half a billion dollars worth BTC already tokenized, Messari believes that projects bringing Bitcoin to DeFi will emerge as leaders of the crypto sector.
+      url: https://cointelegraph.com/news/messari-500m-in-btc-tokenized-for-defi-is-just-the-beginning
+    - date: "2020-10-12T16:38:19.751Z"
+      title: "Blockchain Bites: Bitcoin on Ethereum – The Whos, Whats and Whys"
+      source: CoinDesk
+      excerpt: These DeFi applications offer an increasingly large array of potential use cases for bitcoin investors looking for alternative ways to issue loans or make trades on new exchange platforms.
+      url: https://www.coindesk.com/bitcoin-ethereum-musk-bitmex
+    - date: "2020-06-26T16:00:00.000Z"
+      title: Anchorage Launches Support for DeFi Token KEEP
+      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

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,12 +179,17 @@ export const PressPageTemplate = ({
             ))}
           </Col>
         </Row>
-        {allPressEntries.length > 10 && pressEntries.length ? (
+        {entrySize === 0 ? (
+          "No posts available"
+        ) : entrySize > 10 ? (
           <div className="pagination">
-            <SeeAllButton onClick={handleShowAll} />
+            <SeeAllButton
+              collapsed={!isShowAll}
+              onClick={() => setShowAll(!isShowAll)}
+            />
           </div>
         ) : (
-          "No posts available"
+          <></>
         )}
       </PageSection>
     </div>