Merge pull request #280 from darwinia-network/jay-plo-nft-rewards

Plo nft rewards claim

Author: 1022ranji

package.json

@@ -31,9 +31,10 @@
     "react-responsive": "^8.1.0",
     "react-reveal": "^1.2.2",
     "react-router-dom": "^5.0.0",
-    "react-scripts": "2.1.8",
+    "react-scripts": "4.0.3",
     "rimraf": "^2.6.2",
-    "scrollreveal": "^4.0.7"
+    "scrollreveal": "^4.0.7",
+    "web3-utils": "^1.7.1"
   },
   "devDependencies": {
     "gh-pages": "^2.1.1",

src/components/PloBanner/PloBanner.js

@@ -60,19 +60,14 @@ const PloBanner = () => {
         <div className={cx("main")}>
           <img alt="..." src={icon01} className={cx("banner-logo")} />
           <div className={cx("banner-content")}>
-            <h5 className={cx("title")}>
-              <span role="img" aria-label="fire">
-                🔥
-              </span>{" "}
-              We are launching our Parachain Crowdloan on Polkadot.
-            </h5>
+            <h5 className={cx("title")}>The Second Batch of Polkadot Parachain Auction has ended.</h5>
             <p className={cx("desc")}>
-              Contribute your DOT to help build a Web3.0 Bridge Hub by joining our crowdloan, unlock RING and KTON
-              bonus, also BTC and Metaverse limited edition commemorative NFT waiting for you.
+              Thank you for supporting Darwinia Network! Do not contribute any more DOT at this time. Metaverse NFT
+              Package rewards can be claimed now!
             </p>
           </div>
           <Link className={cx("banner-link")} to="plo">
-            <span>Join our crowdloan</span>
+            <span>Crowdloan Details</span>
           </Link>
         </div>
       </Container>

src/page/Blog/data.js

@@ -30,8 +30,7 @@ export const dataBlogs = [
     picture: "/static/blogImg/blog/blog_009.png",
     title: "Crifferent.de supports Darwinia and sponsors the Crab Hackathon!",
     tags: ["Announcements"],
-    abstract:
-      "We are excited to announce Crifferent.de as an official sponsor of the Crab Hackathon…",
+    abstract: "We are excited to announce Crifferent.de as an official sponsor of the Crab Hackathon…",
     time: "January 26, 2022",
     link: "https://medium.com/@darwinianetwork/crifferent-de-supports-darwinia-and-sponsors-the-crab-hackathon-6a6650e65816",
   },
@@ -66,8 +65,7 @@ export const dataBlogs = [
     picture: "/static/blogImg/blog/blog_005.png",
     title: "RMRK is now an official sponsor of Darwinia Crab Hackathon!",
     tags: ["Announcements"],
-    abstract:
-      "We are excited to announce RMRK as an official sponsor of The Crab Hackathon!",
+    abstract: "We are excited to announce RMRK as an official sponsor of The Crab Hackathon!",
     time: "January 11, 2022",
     link: "https://medium.com/@darwinianetwork/1btc-rewards-for-darwinia-polkadot-parachain-slot-auction-have-been-delivered-df9c9b76154b",
   },
@@ -83,7 +81,7 @@ export const dataBlogs = [
   {
     picture: "/static/blogImg/blog/blog_003.png",
     title: "Guide to Participate in the Crab PLO",
-    tags: [ "Parachain"],
+    tags: ["Parachain"],
     abstract:
       "We have structured a generous benefits package for our crowdloan contributors and sincerely hope you will consider loaning us your KSMs so that we can be successful in our bid for a parachain slot…",
     time: "January 7, 2022",
@@ -198,8 +196,7 @@ export const dataTutorials = [
     picture: "/static/blogImg/tutorials/tutorials_022.png",
     title: "Build on Darwinia 2–6: Crab Smart Chain vs Ethereum",
     tags: ["Tutorials", "Builders"],
-    abstract:
-      "Crab Smart Chain(CSC) is compatible with Ethereum, which is one of its most important features…",
+    abstract: "Crab Smart Chain(CSC) is compatible with Ethereum, which is one of its most important features…",
     time: "March 4, 2022",
     link: "https://darwinianetwork.medium.com/build-on-darwinia-2-6-crab-smart-chain-vs-ethereum-614d39c4621d",
     subtype: "builders",
@@ -218,8 +215,7 @@ export const dataTutorials = [
     picture: "/static/blogImg/tutorials/tutorials_020.png",
     title: "Build on Darwinia 2–5: Understanding Crab Chain and Crab Smart Chain",
     tags: ["Tutorials", "Builders"],
-    abstract:
-      "There are two chains in the Darwinia Crab network, Crab Chain(CC) and Crab Smart Chain(CSC)…",
+    abstract: "There are two chains in the Darwinia Crab network, Crab Chain(CC) and Crab Smart Chain(CSC)…",
     time: "February 18, 2022",
     link: "https://medium.com/@darwinianetwork/build-on-darwinia-2-5-understanding-crab-chain-and-crab-smart-chain-921e079ba7ec",
     subtype: "builders",
@@ -228,8 +224,7 @@ export const dataTutorials = [
     picture: "/static/blogImg/tutorials/tutorials_019.png",
     title: "Understanding Darwinia Tools 3–7: Crab Parachain Part IV: Crab Crowdloan",
     tags: ["Tutorials", "Tools"],
-    abstract:
-      "Key Points: Announced that Crab Network to join Kusama Parachain Auction…",
+    abstract: "Key Points: Announced that Crab Network to join Kusama Parachain Auction…",
     time: "February 14, 2022",
     link: "https://medium.com/@darwinianetwork/using-darwinia-tools-3-7-crab-parachain-part-iv-crab-crowdloan-ea2358bd7f47",
     subtype: "tools",
@@ -278,8 +273,7 @@ export const dataTutorials = [
     picture: "/static/blogImg/tutorials/tutorials_014.png",
     title: "Build on Darwinia 2–4: Deploying Uniswap V2 to Crab/Pangolin Network Part II",
     tags: ["Tutorials", "Builders"],
-    abstract:
-      "This is the second article of the tutorial on the deployment of Uniswap V2 to Crab/Pangolin network…",
+    abstract: "This is the second article of the tutorial on the deployment of Uniswap V2 to Crab/Pangolin network…",
     time: "January 27, 2022",
     link: "https://medium.com/@darwinianetwork/build-on-darwinia-2-4-deploying-uniswap-v2-to-crab-pangolin-network-ii-3798e6c43951",
     subtype: "builders",
@@ -388,8 +382,7 @@ export const dataTutorials = [
     picture: "/static/blogImg/tutorials/tutorials_003.png",
     title: "Understanding Darwinia Bridge 1–3: The Token Bridge Solution",
     tags: ["Tutorials", "Bridge"],
-    abstract:
-      "The cross-chain token bridge refers to the asset transfer channel between two heterogeneous chains…",
+    abstract: "The cross-chain token bridge refers to the asset transfer channel between two heterogeneous chains…",
     time: "November 12, 2021",
     link: "https://darwinianetwork.medium.com/understanding-darwinia-bridge-1-3-the-token-bridge-solution-1f178c9891aa",
     subtype: "bridge",
@@ -403,7 +396,7 @@ export const dataTutorials = [
     time: "October 29, 2021",
     link: "https://darwinianetwork.medium.com/understanding-darwinia-bridge-1-2-mapping-token-factory-a77a2a2c47d1",
     subtype: "bridge",
-  }, 
+  },
   {
     picture: "/static/blogImg/tutorials/tutorials_001.png",
     title: "Understanding Darwinia Bridge 1–1: Darwinia Relayer Incentive Scheme — Fee Market",

src/page/Plo/Welcome/index.js

@@ -13,11 +13,15 @@ const Welcome = () => {
     <Container>
       <div className={cx("main")}>
         <img alt="..." src={bridge} className={cx("bridge")} />
-        <h2 className={cx("title-h2")}>Support Darwinia, invest in the next generation of Web3.0 Metaverse</h2>
-        <p className={cx("desc")}>Darwinia Network is bridging heterogeneous chains to build the Web3.0 Metaverse.</p>
+        <h2 className={cx("title-h2")}>
+          The Polkadot Parachain Auction has ended. Thank you for supporting Darwinia Network!
+        </h2>
+        <p className={cx("desc")}>
+          Do not contribute any more DOT at this time. Metaverse NFT Package rewards can be claimed now!
+        </p>
         <div className={cx("link-wrap")}>
           <Link className={cx("join-our-crowdloan-link")} to="plo_contribute">
-            <span>Contribute now</span>
+            <span>Crowdloan Details</span>
           </Link>
           <a
             className={cx("learn-more-link")}

src/page/PloContribute/components/global-contribution-activity.js

@@ -108,8 +108,8 @@ const GlobalContributionActivity = ({ allReferContributeData, globalTotalPower,
       myDot: formatBalanceFromOrigToDOT(nodeWho.totalBalance),
       referrals: nodeRefer ? nodeRefer.contributorsCount : 0,
       referralDot: nodeRefer ? formatBalanceFromOrigToDOT(nodeRefer.totalBalance) : 0,
-      curRingRewards: contributePer.times(RING_REWARD).toFixed(8),
-      curKtonRewards: contributePer.times(KTON_REWARD).toFixed(8),
+      curRingRewards: '0' || contributePer.times(RING_REWARD).toFixed(8),
+      curKtonRewards: '0' || contributePer.times(KTON_REWARD).toFixed(8),
       curBtcRewards: target ? target.reward : "0",
       curNft: "No Status",
     });