Merge pull request #304 from darwinia-network/remove-plo-query

chore: remove plo subql query

Author: 1022ranji

src/components/PageFooter/PageFooter.js

@@ -175,11 +175,7 @@ class PageFooter extends Component {
                 </p>
               )}
               <p>
-                <a
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  href={t("common:techpaper_url")}
-                >
+                <a target="_blank" rel="noopener noreferrer" href={t("common:techpaper_url")}>
                   {t("footer:technology_title_5")}
                 </a>
               </p>

src/graphql.js

@@ -6,14 +6,9 @@ import App from "./App";
 import * as serviceWorker from "./serviceWorker";
 import { withTranslation } from "react-i18next";
 
-import { ApolloProvider } from "@apollo/client";
-import { graphqlClient } from "./graphql";
-
 const TransApp = withTranslation()(App);
 ReactDOM.render(
-  <ApolloProvider client={graphqlClient}>
-    <TransApp />
-  </ApolloProvider>,
+  <TransApp />,
   document.getElementById("root")
 );
 

src/index.js

@@ -7,9 +7,11 @@ export const dataBlogs = [
       "Referenda #46 is now up for vote: the remark proposal, by @ taonft.com | From the community, in order to…",
     time: "May 9, 2022",
     link: "https://darwinianetwork.medium.com/crab-network-referenda-46-is-now-up-for-vote-b34a36af2406",
-  }, {
+  },
+  {
     picture: "/static/blogImg/blog/blog_022.webp",
-    title: "Darwinia will offer 1,000,000 xRING and 7,000,000 CRAB for USDT/xRING and USDC/CRAB incentives for Liquidity Providers on SnowSwap",
+    title:
+      "Darwinia will offer 1,000,000 xRING and 7,000,000 CRAB for USDT/xRING and USDC/CRAB incentives for Liquidity Providers on SnowSwap",
     tags: ["Announcements"],
     abstract:
       "We’re excited to announce that 1,000,000 xRING and 7,000,000 CRAB sponsored by Darwinia will be distributed to USDT/xRING and USDC/CRAB liquidity…",
@@ -90,7 +92,8 @@ export const dataBlogs = [
   },
   {
     picture: "/static/blogImg/blog/blog_013.png",
-    title: "Grants Program: Subview Receives Darwinia Grant, Bringing a Blockchain Explorer For Crab Smart Chain Data Support",
+    title:
+      "Grants Program: Subview Receives Darwinia Grant, Bringing a Blockchain Explorer For Crab Smart Chain Data Support",
     tags: ["Announcements", "Grants"],
     abstract:
       "Crab, the Ethereum-compatible smart contract platform on Kusama, accepted the Subview project into our grants program. Subview is a blockchain explorer for Crab Smart Chain data support and provides a comprehensive…",
@@ -210,17 +213,15 @@ export const dataNewsletters = [
     picture: "/static/blogImg/newsletters/newsletters_004.png",
     title: "Darwinia Monthly Dispatch: April 2022",
     tags: ["Newsletters"],
-    abstract:
-      "Updates: More accurate precompile gas calculations on Crab Smart Chain…",
+    abstract: "Updates: More accurate precompile gas calculations on Crab Smart Chain…",
     time: "May 9, 2022",
     link: "https://darwinianetwork.medium.com/darwinia-highlight-april-monthly-recap-8367e40022d2",
   },
   {
     picture: "/static/blogImg/newsletters/newsletters_003.png",
     title: "Darwinia Monthly Dispatch: March 2022",
     tags: ["Newsletters"],
-    abstract:
-      "Updates: Darwinia new release version of v0.12.0, an upgrade to support Substrate metadata v14…",
+    abstract: "Updates: Darwinia new release version of v0.12.0, an upgrade to support Substrate metadata v14…",
     time: "April 2, 2022",
     link: "https://darwinianetwork.medium.com/darwinia-highlight-april-monthly-recap-8367e40022d2",
   },
@@ -312,7 +313,8 @@ export const dataTutorials = [
     picture: "/static/blogImg/tutorials/tutorials_024.png",
     title: "Using Darwinia Tools 3–10: Darwinia Apps Guide Part III: Frequently Asked Questions (FAQs)",
     tags: ["Tutorials", "Tools"],
-    abstract: "This FAQ focuses on common questions for users interested in Darwinia Apps. It has four main sections: General (about Apps), Accounts, Staking, and Tokens…",
+    abstract:
+      "This FAQ focuses on common questions for users interested in Darwinia Apps. It has four main sections: General (about Apps), Accounts, Staking, and Tokens…",
     time: "April 7, 2022",
     link: "https://darwinianetwork.medium.com/darwinia-apps-guide-part-iii-frequently-asked-questions-faqs-a9f0a3ff6855",
     subtype: "tools",
@@ -321,7 +323,8 @@ export const dataTutorials = [
     picture: "/static/blogImg/tutorials/tutorials_023.png",
     title: "Using Darwinia Tools 3–9: Darwinia Apps Guide Part II: Staking and Earning",
     tags: ["Tutorials", "Tools"],
-    abstract: "This tutorial will walk you through the process of staking your tokens (RING/KTON) on Darwinia Apps built by the Darwinia Dev team. The Apps work on Substrate-based Pangolin/Pangoro Test Network, Darwinia Chain, and Crab Chain…",
+    abstract:
+      "This tutorial will walk you through the process of staking your tokens (RING/KTON) on Darwinia Apps built by the Darwinia Dev team. The Apps work on Substrate-based Pangolin/Pangoro Test Network, Darwinia Chain, and Crab Chain…",
     time: "March 16, 2022",
     link: "https://darwinianetwork.medium.com/using-darwinia-tools-3-9-darwinia-apps-guide-part-%E2%85%B1-staking-and-earning-7cd586315f76",
     subtype: "tools",

src/page/Blog/data.js

@@ -1,19 +1,18 @@
 import Fade from "react-reveal/Fade";
 import { Table } from "antd";
-import React, { useState } from "react";
+import React from "react";
 import classNames from "classnames/bind";
 import styles from "../styles.module.scss";
 import { formatBalanceFromOrigToDOT, KTON_REWARD, RING_REWARD, shortAddress } from "../utils";
 import Big from "big.js";
-import { useQuery } from "@apollo/client";
-import { gqlWhocrowdloanByOffset } from "../gql";
 import btcTop5 from "../top5.json";
 
+import crowdloanWhoStatistics from "../data/crowdloanWhoStatistics.json";
+
 const cx = classNames.bind(styles);
 
 const GlobalContributionActivity = ({ allReferContributeData, globalTotalPower, top5contribute }) => {
-  const [offset, setOffset] = useState(0);
-  const allWhoCrowdloan = useQuery(gqlWhocrowdloanByOffset(offset));
+  const allWhoCrowdloan = crowdloanWhoStatistics;
 
   const globalContributeColumns = [
     {
@@ -108,8 +107,8 @@ const GlobalContributionActivity = ({ allReferContributeData, globalTotalPower,
       myDot: formatBalanceFromOrigToDOT(nodeWho.totalBalance),
       referrals: nodeRefer ? nodeRefer.contributorsCount : 0,
       referralDot: nodeRefer ? formatBalanceFromOrigToDOT(nodeRefer.totalBalance) : 0,
-      curRingRewards: '0' || contributePer.times(RING_REWARD).toFixed(8),
-      curKtonRewards: '0' || contributePer.times(KTON_REWARD).toFixed(8),
+      curRingRewards: "0" || contributePer.times(RING_REWARD).toFixed(3),
+      curKtonRewards: "0" || contributePer.times(KTON_REWARD).toFixed(3),
       curBtcRewards: target ? target.reward : "0",
       curNft: "No Status",
     });
@@ -127,9 +126,6 @@ const GlobalContributionActivity = ({ allReferContributeData, globalTotalPower,
           total: allWhoCrowdloan.data ? allWhoCrowdloan.data.crowdloanWhoStatistics.totalCount : 0,
           size: "small",
           showSizeChanger: false,
-          onChange: (page, pageSize) => {
-            setOffset((page - 1) * pageSize);
-          },
         }}
       />
     </Fade>

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

@@ -10,7 +10,7 @@ import infoIcon from "../img/info-icon.png";
 import modalCloseIcon from "../img/modal-close.png";
 
 import { useApi } from "../hooks";
-import { DOT_TO_ORIG } from "../utils";
+import { DOT_PRECISION } from "../utils";
 import styles from "../styles.module.scss";
 
 import { ApolloClient, InMemoryCache, ApolloProvider, useQuery, gql } from "@apollo/client";
@@ -148,7 +148,7 @@ const MetaverseNFT = ({ myTotalContribute, currentAccount }) => {
           <span>Current</span>
         </div>
         <span className={cx("contribute-info-item-value")}>
-          {myTotalContribute.gte(DOT_TO_ORIG.muln(10)) && !isExcluded ? "1" : "0"}
+          {myTotalContribute.gte(DOT_PRECISION.muln(10)) && !isExcluded ? "1" : "0"}
         </span>
         {isRemarked || myRemarked ? (
           <Tooltip
@@ -189,7 +189,7 @@ const MetaverseNFT = ({ myTotalContribute, currentAccount }) => {
         ) : (
           <button
             className={cx("claim-reward-btn")}
-            disabled={myTotalContribute.lt(DOT_TO_ORIG.muln(10)) || loading || !currentAccount || isExcluded}
+            disabled={myTotalContribute.lt(DOT_PRECISION.muln(10)) || loading || !currentAccount || isExcluded}
             onClick={() => setVisibleModalClaimNFT(true)}
           >
             <Spin wrapperClassName={cx("metaverse-nft-modal-ok-btn-spin")} spinning={loading}>
@@ -300,7 +300,7 @@ const MetaverseNFT = ({ myTotalContribute, currentAccount }) => {
 };
 
 const client = new ApolloClient({
-  uri: "https://api.subquery.network/sq/darwinia-network/darwinia-nft-polkadot",
+  uri: "https://api.subquery.network/sq/JayJay1024/darwinia-nft-polkadot",
   cache: new InMemoryCache(),
 });
 

src/page/PloContribute/components/metaverse-nft.js

@@ -11,38 +11,29 @@ import classNames from "classnames/bind";
 import styles from "../styles.module.scss";
 import BN from "bn.js";
 import Big from "big.js";
-import { useQuery } from "@apollo/client";
-import { LIMITED_REFER_CROWDLOAN } from "../gql";
+
+import crowdloanReferStatistics from "../data/crowdloanReferStatistics.json";
 
 const cx = classNames.bind(styles);
 
 const ReferralLeaderboard = ({ globalTotalPower }) => {
-  const allReferCrowdloan = useQuery(LIMITED_REFER_CROWDLOAN);
+  const allReferCrowdloan = crowdloanReferStatistics.data.crowdloanReferStatistics.nodes.slice(0, 20);
 
   const referralLeaderboardData = [];
-  if (!allReferCrowdloan.loading && !allReferCrowdloan.error) {
-    if (
-      allReferCrowdloan.data &&
-      allReferCrowdloan.data.crowdloanReferStatistics &&
-      allReferCrowdloan.data.crowdloanReferStatistics.nodes &&
-      allReferCrowdloan.data.crowdloanReferStatistics.nodes.length
-    ) {
-      allReferCrowdloan.data.crowdloanReferStatistics.nodes.forEach((node) => {
-        const nodeTotalPowerBN = new BN(node.totalPower);
-        const contributePer = Big(nodeTotalPowerBN.toString()).div(globalTotalPower.toString());
+  allReferCrowdloan.forEach((node) => {
+    const nodeTotalPowerBN = new BN(node.totalPower);
+    const contributePer = Big(nodeTotalPowerBN.toString()).div(globalTotalPower.toString());
 
-        referralLeaderboardData.push({
-          address: referralCodeToPolkadotAddress(node.user),
-          referrals: node.contributors.nodes.length,
-          accumulatedContribution: node.totalBalance,
-          referralRewards: {
-            ring: contributePer.mul(RING_REWARD),
-            kton: contributePer.mul(KTON_REWARD),
-          },
-        });
-      });
-    }
-  }
+    referralLeaderboardData.push({
+      address: referralCodeToPolkadotAddress(node.user),
+      referrals: node.contributors.nodes.length,
+      accumulatedContribution: node.totalBalance,
+      referralRewards: {
+        ring: contributePer.mul(RING_REWARD),
+        kton: contributePer.mul(KTON_REWARD),
+      },
+    });
+  });
 
   return (
     <Fade bottom fraction={0.1} duration={1000} distance={"50px"}>
@@ -79,8 +70,8 @@ const ReferralLeaderboard = ({ globalTotalPower }) => {
                   {formatBalanceFromOrigToDOT(data.accumulatedContribution)} DOT
                 </span>
                 <div className={cx("referral-leaderboard-item-rewards")}>
-                  <span>{'0' || data.referralRewards.ring.toFixed(2)} RING</span>
-                  <span>{'0' || data.referralRewards.kton.toFixed(2)} KTON</span>
+                  <span>{"0" || data.referralRewards.ring.toFixed(2)} RING</span>
+                  <span>{"0" || data.referralRewards.kton.toFixed(2)} KTON</span>
                 </div>
               </div>
             ))

src/page/PloContribute/components/referral-leaderboard.js

@@ -0,0 +1,93 @@
+# Query
+
+https://explorer.subquery.network/subquery/darwinia-network/home-plo-kusama
+
+> crowdloanContributeds.json
+
+```
+query {
+  crowdloanContributeds (filter: { paraId: { equalTo: 2003 } }) {
+    totalCount
+    nodes {
+      id
+      timestamp
+      balance
+      extrinsicId
+      who
+    }
+  }
+}
+```
+
+> crowdloanMemos.json
+
+```
+query {
+  crowdloanMemos (filter: { paraId: {equalTo: 2003} }) {
+    totalCount
+    nodes {
+      who
+      memo
+    }
+  }
+}
+```
+
+> crowdloanWhoStatistics.json
+
+```
+query {
+  crowdloanWhoStatistics (orderBy: TOTAL_BALANCE_DESC) {
+    totalCount
+    nodes {
+      user
+      totalPower
+      totalBalance
+      contributors (orderBy: TIMESTAMP_DESC) {
+        nodes {
+          balance
+        }
+      }
+    }
+  }
+}
+```
+
+> crowdloanReferStatistics.json
+
+```
+query {
+	crowdloanReferStatistics (orderBy: TOTAL_BALANCE_DESC) {
+    totalCount
+    nodes {
+      user
+      totalPower
+      totalBalance
+      contributors (orderBy: TIMESTAMP_DESC) {
+        nodes {
+          id
+          extrinsicId
+          timestamp
+          block
+          balance
+        }
+      }
+    }
+  }
+}
+```
+
+> accounts.json
+
+```
+query {
+	accounts(orderBy: CONTRIBUTED_TOTAL_DESC) {
+    totalCount
+    nodes {
+      id
+      contributedTotalCount
+      contributedTotal
+    }
+  }
+}
+```