From 2d8664da7fb72841f15d9e803ce1ff75fe8fd551 Mon Sep 17 00:00:00 2001
From: Pratap Mridha <pratapmridha@gmail.com>
Date: Mon, 7 Feb 2022 19:53:21 +0530
Subject: [PATCH] moonbeam testnet done

---
 .../CreateProjectSlide.vue                    | 109 +++++----
 .../components/EventActionConfig.vue          |   1 +
 src/components/participant/Action.vue         |   3 +
 .../participant/ActionInputs/MoonErc20.vue    | 225 ++++++++++++++++++
 src/views/admin/Participants.vue              |  71 +++---
 5 files changed, 321 insertions(+), 88 deletions(-)
 create mode 100644 src/components/participant/ActionInputs/MoonErc20.vue

diff --git a/src/components/admin/createProjectSlider/CreateProjectSlide.vue b/src/components/admin/createProjectSlider/CreateProjectSlide.vue
index a3d2a73d..64def6ae 100644
--- a/src/components/admin/createProjectSlider/CreateProjectSlide.vue
+++ b/src/components/admin/createProjectSlider/CreateProjectSlide.vue
@@ -17,7 +17,6 @@
   background-color: rgba(241, 179, 25, 0.24);
   border: 0;
 }
-
 </style>
 <template>
   <div>
@@ -32,9 +31,9 @@
       no-close-on-backdrop
       backdrop-variant="dark"
     >
-      <div class=" px-3 py-2">
+      <div class="px-3 py-2">
         <div class="accordion" role="tablist">
-          <b-card no-body class="mb-1 ">
+          <b-card no-body class="mb-1">
             <b-card-header
               header-tag="header"
               class="p-1 border-0 accordin-header accordion-header-theme"
@@ -44,7 +43,7 @@
                 block
                 v-b-toggle.accordion-1
                 class="bg-transparent border-0 text-left text-primary"
-                ><i class="fas fa-cog"></i>  General Configurations</b-button
+                ><i class="fas fa-cog"></i> General Configurations</b-button
               >
             </b-card-header>
             <b-collapse
@@ -86,10 +85,7 @@
               role="tabpanel"
             >
               <b-card-body>
-                <referral-config
-                  v-on="$listeners"
-                  :project="project"                  
-                />
+                <referral-config v-on="$listeners" :project="project" />
                 <!-- <eventAction-congif
                   v-on="$listeners"
                   :eventActionList="smartContractlist"
@@ -99,8 +95,8 @@
               </b-card-body>
             </b-collapse>
           </b-card>
-<!--Prize  -->
-          <b-card no-body class="mb-1 ">
+          <!--Prize  -->
+          <b-card no-body class="mb-1">
             <b-card-header
               header-tag="header"
               class="p-1 border-0 accordin-header accordion-header-theme"
@@ -110,8 +106,8 @@
                 block
                 v-b-toggle.accordion-3
                 class="bg-transparent border-0 text-left text-primary"
-                ><i class="fas fa-gift"></i> Prize Configurations  </b-button
-              >
+                ><i class="fas fa-gift"></i> Prize Configurations
+              </b-button>
             </b-card-header>
             <b-collapse
               id="accordion-3"
@@ -129,7 +125,7 @@
               </b-card-body>
             </b-collapse>
           </b-card>
-<!--End Prize  -->
+          <!--End Prize  -->
           <b-card no-body class="mb-1">
             <b-card-header
               header-tag="header"
@@ -141,7 +137,7 @@
                 v-b-toggle.accordion-4
                 variant="info"
                 class="bg-transparent border-0 text-left text-primary"
-                ><i class="fab fa-intercom"></i>  Custom Inputs Configurations
+                ><i class="fab fa-intercom"></i> Custom Inputs Configurations
               </b-button>
             </b-card-header>
             <b-collapse
@@ -171,7 +167,7 @@
                 v-b-toggle.accordion-5
                 variant="info"
                 class="bg-transparent border-0 text-left text-primary"
-                ><i class="fas fa-share-alt"></i>  Social Configurations
+                ><i class="fas fa-share-alt"></i> Social Configurations
               </b-button>
             </b-card-header>
             <b-collapse
@@ -201,7 +197,7 @@
                 v-b-toggle.accordion-6
                 variant="info"
                 class="bg-transparent border-0 text-left text-primary"
-                ><i class="fab fa-bitcoin"></i>  Wallet Configurations
+                ><i class="fab fa-bitcoin"></i> Wallet Configurations
               </b-button>
             </b-card-header>
             <b-collapse
@@ -232,7 +228,8 @@
                 v-b-toggle.accordion-7
                 variant="info"
                 class="bg-transparent border-0 text-left text-primary"
-                ><i class="fas fa-file-contract"></i>  Smart Contract Configurations
+                ><i class="fas fa-file-contract"></i> Smart Contract
+                Configurations
               </b-button>
             </b-card-header>
             <b-collapse
@@ -273,7 +270,7 @@ export default {
   components: {
     GeneralConfig,
     EventActionConfig,
-    ReferralConfig
+    ReferralConfig,
   },
 
   props: {
@@ -295,8 +292,8 @@ export default {
     blockChainType: {
       type: String,
     },
-    contractType:{
-      type: String
+    contractType: {
+      type: String,
     },
     saveProject: {
       type: Function,
@@ -320,29 +317,33 @@ export default {
 
   computed: {
     // a computed getter
-    customList: function() {
+    customList: function () {
       if (this.actionList && this.actionList.length > 0) {
         return this.actionList.filter(
-          (x) => 
-            x.type.indexOf("INPUT_") > -1 ||  x.type.indexOf("HYPERLINK_URL") > -1 || x.type.indexOf("INFO_TEXT") > -1
+          (x) =>
+            x.type.indexOf("INPUT_") > -1 ||
+            x.type.indexOf("HYPERLINK_URL") > -1 ||
+            x.type.indexOf("INFO_TEXT") > -1
         );
       } else {
         return [];
       }
     },
 
-    socialList: function() {
+    socialList: function () {
       if (this.actionList && this.actionList.length > 0) {
         return this.actionList.filter(
           (x) =>
-            x.type.indexOf("TWITTER_") > -1 || x.type.indexOf("TELEGRAM_") > -1 || x.type.indexOf("DISCORD_") > -1
+            x.type.indexOf("TWITTER_") > -1 ||
+            x.type.indexOf("TELEGRAM_") > -1 ||
+            x.type.indexOf("DISCORD_") > -1
         );
       } else {
         return [];
       }
     },
 
-    blockchainList: function() {
+    blockchainList: function () {
       if (this.actionList && this.actionList.length > 0) {
         return this.actionList.filter(
           (x) => x.type.indexOf("BLOCKCHAIN_") > -1
@@ -351,35 +352,36 @@ export default {
         return [];
       }
     },
-    smartContractlist: function(){
-      if (this.actionList && this.actionList.length >0){
+    smartContractlist: function () {
+      if (this.actionList && this.actionList.length > 0) {
         return this.actionList.filter(
-          (x)=> x.type.indexOf("ETHEREUM_")  > -1 
-          || x.type.indexOf("MATIC_") > -1
-          || x.type.indexOf("BINANCE_") > -1
-          || x.type.indexOf("REEF_") > -1
+          (x) =>
+            x.type.indexOf("ETHEREUM_") > -1 ||
+            x.type.indexOf("MATIC_") > -1 ||
+            x.type.indexOf("BINANCE_") > -1 ||
+            x.type.indexOf("REEF_") > -1 ||
+            x.type.indexOf("MOONBEAM_") > -1 ||
+            x.type.indexOf("MOONRIVER_") > -1 ||
+            x.type.indexOf("MOON_") > -1
         );
-      }
-      else{
+      } else {
         return [];
       }
     },
-    prizeList: function() {
+    prizeList: function () {
       if (this.actionList && this.actionList.length > 0) {
-        return this.actionList.filter(
-          (x) => x.type.indexOf("PRIZE_") > -1 
-        );
+        return this.actionList.filter((x) => x.type.indexOf("PRIZE_") > -1);
       } else {
         return [];
       }
     },
   },
-  
+
   data() {
     return {
       /// TODO: Need to do it in a neat way
       // Use api https://localhost:6006/api/v1/actions
-      // it returns: 
+      // it returns:
       // {"actionTypes":["INPUT_TEXT","INPUT_NUMBER","TWITTER_FOLLOW","TWITTER_RETWEET","TELEGRAM_JOIN","DISCORD_JOIN","BLOCKCHAIN_ETH","BLOCKCHAIN_TEZ","HYPERSIGN_AUTH"],"length":9}
       options: {
         customAction: [
@@ -388,8 +390,8 @@ export default {
           { text: "NUMBER", value: "INPUT_NUMBER" },
           { text: "DATE", value: "INPUT_DATE" },
           { text: "LINK", value: "INPUT_HYPERLINK" },
-          { text: "HYPERLINK", value: "HYPERLINK_URL"},
-          { text: "INFO", value: "INFO_TEXT"}
+          { text: "HYPERLINK", value: "HYPERLINK_URL" },
+          { text: "INFO", value: "INFO_TEXT" },
         ],
         socialAction: [
           { text: "Select Social Action type", value: null },
@@ -408,17 +410,20 @@ export default {
           { text: "Reef", value: "BLOCKCHAIN_REEF" },
           { text: "Tezos", value: "BLOCKCHAIN_TEZ" },
         ],
-        smartContractAction:[
-          { text: "Select Contract Type", value:null},
-          { text: "Ethereum ERC20", value:"ETHEREUM_ERC20"},
-          { text: "Polygon ERC20", value:"MATIC_ERC20"},
-          { text: "Binance ERC20", value:"BINANCE_ERC20"},
-          { text: "Reef ERC20", value:"REEF_ERC20"},
+        smartContractAction: [
+          { text: "Select Contract Type", value: null },
+          { text: "Ethereum ERC20", value: "ETHEREUM_ERC20" },
+          { text: "Polygon ERC20", value: "MATIC_ERC20" },
+          { text: "Binance ERC20", value: "BINANCE_ERC20" },
+          { text: "Moon Beam ERC20", value: "MOONBEAM_ERC20" },
+          { text: "Moon River ERC20", value: "MOONRIVER_ERC20" },
+          { text: "Moon Alpha(testnet) ERC20", value: "MOON_ERC20" },
+          { text: "Reef ERC20", value: "REEF_ERC20" },
+        ],
+        prizeDetails: [
+          { text: "Select Prize Type", value: null },
+          { text: "Prize Card", value: "PRIZE_CARD" },
         ],
-        prizeDetails:[
-          { text: "Select Prize Type", value:null},
-          { text: "Prize Card", value:"PRIZE_CARD"},
-        ]
       },
     };
   },
diff --git a/src/components/admin/createProjectSlider/components/EventActionConfig.vue b/src/components/admin/createProjectSlider/components/EventActionConfig.vue
index 6250dbd3..b0e0f442 100644
--- a/src/components/admin/createProjectSlider/components/EventActionConfig.vue
+++ b/src/components/admin/createProjectSlider/components/EventActionConfig.vue
@@ -23,6 +23,7 @@
               <img style="padding-right: 5px;" src="../../../../assets/matic-logo.svg"  v-if="eventAction.type.includes('MATIC_ERC20')"   height="20px" />
               <img style="padding-right: 5px;" src="../../../../assets/binance-logo.svg"  v-if="eventAction.type.includes('BINANCE_ERC20')"   height="20px" />
               <img style="padding-right: 5px;" src="../../../../assets/Reef.svg"  v-if="eventAction.type.includes('REEF_ERC20')"   height="20px" />
+              <img style="padding-right: 5px;" src="../../../../assets/moonbeam.png"  v-if="eventAction.type.includes('MOON_ERC20')"   height="20px" />
               <img style="padding-right: 5px" src="../../../../assets/tezos.png"  v-if="eventAction.type.includes('BLOCKCHAIN_TEZ')"   height="22px" />
               <img style="padding-right: 5px" src="../../../../assets/binance-logo.svg"  v-if="eventAction.type.includes('BLOCKCHAIN_BSC')"   height="22px" />
               <img style="padding-right: 5px;" src="../../../../assets/matic-logo.svg"  v-if="eventAction.type.includes('BLOCKCHAIN_MATIC')"   height="20px" />
diff --git a/src/components/participant/Action.vue b/src/components/participant/Action.vue
index b2d51178..f113f752 100644
--- a/src/components/participant/Action.vue
+++ b/src/components/participant/Action.vue
@@ -32,6 +32,7 @@ import BlockchainOne from "./ActionInputs/BlockchainOne.vue";
 import BlockchainReef from "./ActionInputs/BlockchainReef.vue";
 import EthereumErc20 from "./ActionInputs/EthereumErc20.vue";
 import MaticErc20 from "./ActionInputs/MaticErc20.vue";
+import MoonErc20 from "./ActionInputs/MoonErc20.vue"
 import BinanceErc20 from "./ActionInputs/BinanceErc20.vue";
 import ReefErc20 from "./ActionInputs/ReefErc20.vue";
 import InputDate from "./ActionInputs/InputDate.vue";
@@ -86,6 +87,7 @@ export default {
     InputHyperlink,
     InfoText,
     PrizeCard,
+    MoonErc20,
     RecaptchaToken: ""
   },
   mounted(){
@@ -112,6 +114,7 @@ export default {
     };
   },
   computed:{
+      // eslint-disable-next-line vue/return-in-computed-property
       isPrizedata(){
       if(this.prizeData.length>0){
         return true;
diff --git a/src/components/participant/ActionInputs/MoonErc20.vue b/src/components/participant/ActionInputs/MoonErc20.vue
new file mode 100644
index 00000000..5afcb0c7
--- /dev/null
+++ b/src/components/participant/ActionInputs/MoonErc20.vue
@@ -0,0 +1,225 @@
+<template>
+  <b-card no-body class="action-wrap">
+    <b-card-header
+      :class="visible ? null : 'collapsed'"
+      :aria-expanded="visible ? 'true' : 'false'"
+      :aria-controls="`collapse-${idValue}`"
+      @click="visible = !visible"
+    >
+      <b-row>
+        <b-col cols="1" sm="1" md="1">
+          <img src="../../../assets/moonbeam.png" height="25px" />
+        </b-col>
+        <b-col cols="9" sm="9" class="text-left" md="9">
+          <div class="text text-capitalize">{{ data.title }}</div>
+        </b-col>
+
+        <b-col cols="2" sm="2" md="2">
+          <b-badge class="btn-score" @click="update()" v-if="!done">
+            <img src="../../../assets/plus.svg" />
+            {{ data.score }}
+          </b-badge>
+          <img
+            class="check-mark"
+            src="../../../assets/check-circle-fill.svg"
+            height="25px"
+            v-if="done"
+          />
+        </b-col>
+      </b-row>
+    </b-card-header>
+    <b-collapse :id="`collapse-${idValue}`" v-model="visible">
+      <b-card-body class="user-details">
+        <b-row v-if="!showerror">
+          <b-col cols="12" sm="12" md="12">
+            <div class="metamask">
+              <b-form-input
+                type="text"
+                :placeholder="data.placeHolder"
+                v-model="value.userWalletAddress"
+                :disabled="true"
+                :required="data.isManadatory"
+              ></b-form-input>
+              <button class="btn text-black" @click="invokeMetamask()" v-if="!done" >
+                <img
+                  src="../../../assets/metamask.svg"
+                  height="25px"
+                  width="25px"
+                />
+              </button>
+            </div>
+          </b-col>
+        </b-row>
+        <b-row v-else>
+          <b-col cols="12" sm="12" md="12">
+            <ErrorMessage errorMessage="Install Metamask browser extension" />
+          </b-col>
+        </b-row>
+        <b-row v-if="!done">
+          <b-col cols="12" sm="12" md="12" >
+            <button class="btn btn-link center" @click="update()">Continue</button>
+          </b-col>
+        </b-row>
+      </b-card-body>
+    </b-collapse>
+  </b-card>
+</template>
+<style scoped>
+.center{
+  display: block; margin-left: auto;margin-right: auto
+}
+</style>
+
+<script>
+import eventBus from "../../../eventBus.js";
+import apiClient from "../../../mixins/apiClientMixin.js";
+import {
+  isValidURL,
+  isValidText,
+  isEmpty,
+} from "../../../mixins/fieldValidationMixin";
+import notificationMixins from "../../../mixins/notificationMixins";
+import Messages from "../../../utils/messages/participants/en";
+import ErrorMessage from "../ErrorMessage.vue";
+import Web3 from "web3";
+export default {
+  name: "MoonErc20",
+  props: {
+    idValue: {
+      required: true,
+    },
+    data: {
+      required: true,
+    },
+  },
+  components: {
+    ErrorMessage,
+  },
+  data() {
+    return {
+      visible: false,
+      done: this.data.isDone,
+      authToken: localStorage.getItem("authToken"),
+      showerror: false,
+      signature: "",
+      message_sign: "",
+      value: {
+        contractAddress: "",
+        userWalletAddress: "",
+        thresholdBalance: 0
+      }
+    };
+  },
+  mounted() {
+    if(this.data.value){
+      Object.assign(this.value, {...JSON.parse(this.data.value) })
+    }
+    eventBus.$on(`disableInput${this.data._id}`, this.disableInput);
+    this.checkWeb3Injection();
+  },
+  methods: {
+    checkWeb3Injection() {
+      try {
+        if (window.ethereum && window.ethereum.isMetaMask) {
+          this.web3 = new Web3(window.window.ethereum);
+        }
+      } catch (error) {
+        console.log(error);
+        this.showerror = true;
+      }
+    },
+    async signMessage() {
+      const message =
+        "You are Signing this message to ensure your participation in this event";
+      this.message_sign = message;
+      return await this.web3.eth.personal.sign(
+        message,
+        window.ethereum.selectedAddress
+      );
+    },
+    async invokeMetamask() {
+      try {
+        if (window.ethereum.isMetaMask) {
+          const wallet = await window.ethereum.request({
+            method: "eth_requestAccounts",
+          });
+          this.signature  = await this.signMessage();
+          
+          const generatedWalletAddr = await this.web3.eth.personal.ecRecover(this.message_sign, this.signature)
+          
+          if(generatedWalletAddr === wallet[0]){
+            this.value.userWalletAddress = wallet[0];
+          } else{
+            return this.notifyErr(Messages.EVENT_ACTIONS.ETH.INVALID_SIG)
+          }
+        } 
+      } catch (error) {
+        return this.notifyErr(error.message)
+      }
+    },
+    async update() {
+      if (!this.isFieldValid() || this.value.userWalletAddress === "") {
+        return this.notifyErr(Messages.EVENT_ACTIONS.ETH.CONNECT_METAMASK);
+      } else {
+        try {
+          let balance = await this.fetchBalance();
+          if (balance !== undefined) {
+            if (balance >= Number.parseFloat(this.value.thresholdBalance)) {
+              this.$emit("input",  JSON.stringify({
+                ...this.value,
+              }));
+            } else {
+              throw new Error(Messages.EVENT_ACTIONS.ETH.INSUFFICIENT_BALANCE);
+            }
+          }
+        } catch (error) {
+          this.data.value = ""
+          return this.notifyErr(error);
+        }
+      }
+    },
+    isFieldValid() {
+      if (isEmpty(this.value.userWalletAddress)) {
+        return false;
+      }
+      if (isValidURL(this.value.userWalletAddress)) {
+        return false;
+      }
+      if (!isValidText(this.value.userWalletAddress)) {
+        return false;
+      }
+      return true;
+    },
+    async fetchBalance() {
+      const body = {
+        actionType: this.data.type,
+        data: this.value.userWalletAddress,
+        contractAddress: this.value.contractAddress,
+        signature: this.signature,
+        message: this.message_sign,
+      };
+      let url = `${this.$config.studioServer.BASE_URL}api/v1/action/contract/call`;
+
+      let headers = {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${this.authToken}`,
+      };
+
+      const res = await apiClient.makeCall({
+        method: "POST",
+        url: url,
+        body: body,
+        header: headers,
+      });
+
+      const result = res.data;
+
+      return result;
+    },
+    disableInput(data) {
+      this.done = data;
+    },
+  },
+  mixins: [notificationMixins],
+};
+</script>
diff --git a/src/views/admin/Participants.vue b/src/views/admin/Participants.vue
index b87a02cb..dad5c9ec 100644
--- a/src/views/admin/Participants.vue
+++ b/src/views/admin/Participants.vue
@@ -115,8 +115,8 @@ label {
 
     <b-modal hide-footer id="modal-1" title="Lottery">
       <p
-        class="my-4  border rounded-lg p-2 modal-text"
-        style="background:#f0f9ff"
+        class="my-4 border rounded-lg p-2 modal-text"
+        style="background: #f0f9ff"
       >
         <b>Lottery</b> is the process of selecting winners of an event. Upon
         clicking on "<b>Execute button</b>", the lottery process begins, which
@@ -124,11 +124,11 @@ label {
         selected records in excel sheet. The winner selection is primarly based
         on their "<b>score</b>" unless checked "<b>randomly</b>".
       </p>
-      <div class="d-flex mx-auto  justify-content-between px-4">
+      <div class="d-flex mx-auto justify-content-between px-4">
         <div class="bold">Total Records</div>
         <div class="bold">{{ project.count }}</div>
       </div>
-      <div class="d-flex mx-auto  justify-content-between px-4 mt-4">
+      <div class="d-flex mx-auto justify-content-between px-4 mt-4">
         <div class="bold">Number of winners to choose</div>
         <div class="bold">
           <input
@@ -139,7 +139,7 @@ label {
           />
         </div>
       </div>
-      <div class="d-flex mx-auto  justify-content-between px-4 mt-4">
+      <div class="d-flex mx-auto justify-content-between px-4 mt-4">
         <div class="bold">Check to choose randomly (optional)</div>
         <div class="bold">
           <input
@@ -162,7 +162,7 @@ label {
       </div>
     </b-modal>
 
-    <div class="row " style="margin-top: 2%">
+    <div class="row" style="margin-top: 2%">
       <div class="d-flex justify-content-between col-md-12">
         <div class="projectSelector">
           <b-form-select
@@ -297,7 +297,7 @@ export default {
                   {row.actions.map((action) => (
                     <tr>
                       <td>{action.title}</td>
-                      <td >{this.parseActionValue(action)}</td>
+                      <td>{this.parseActionValue(action)}</td>
                     </tr>
                   ))}
                 </tbody>
@@ -386,7 +386,7 @@ export default {
       active: 0,
       host: location.hostname,
       authToken: localStorage.getItem("authToken"),
-      accessToken:localStorage.getItem("accessToken"),
+      accessToken: localStorage.getItem("accessToken"),
       isLoading: false,
       fullPage: true,
     };
@@ -416,27 +416,28 @@ export default {
   },
 
   methods: {
-     parseActionValue(action){            
-            switch (action.type) {
-              case 'DISCORD_JOIN':
-              case 'TELEGRAM_JOIN':
-              case 'TWITTER_FOLLOW':{
-                return JSON.parse(action.value).targetScreenName;
-              }
-              case 'ETHEREUM_ERC20':
-              case 'MATIC_ERC20':
-              case 'BINANCE_ERC20':{              
-                return JSON.parse(action.value).userWalletAddress;
-              
-              }
-              case 'REEF_ERC20':{
-          
-                return JSON.parse(action.value).userWalletAddress.address
-              }
-              default:
-                return action.value;
-            }
-          },
+    parseActionValue(action) {
+      switch (action.type) {
+        case "DISCORD_JOIN":
+        case "TELEGRAM_JOIN":
+        case "TWITTER_FOLLOW": {
+          return JSON.parse(action.value).targetScreenName;
+        }
+        case "ETHEREUM_ERC20":
+        case "MATIC_ERC20":
+        case "BINANCE_ERC20":
+        case "MOONRIVER_ERC20":
+        case "MOONBEAM_ERC20":
+        case "MOON_ERC20": {
+          return JSON.parse(action.value).userWalletAddress;
+        }
+        case "REEF_ERC20": {
+          return JSON.parse(action.value).userWalletAddress.address;
+        }
+        default:
+          return action.value;
+      }
+    },
     async handleExport() {
       try {
         this.isLoading = true;
@@ -444,7 +445,7 @@ export default {
         const headers = {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.authToken}`,
-          AccessToken: `Bearer ${this.accessToken}`
+          AccessToken: `Bearer ${this.accessToken}`,
         };
 
         const res = await apiClientMixin.makeCall({
@@ -476,7 +477,7 @@ export default {
 
         const headers = {
           Authorization: `Bearer ${this.authToken}`,
-          AccessToken: `Bearer ${this.accessToken}`
+          AccessToken: `Bearer ${this.accessToken}`,
         };
 
         const res = await apiClientMixin.makeCall({
@@ -571,11 +572,9 @@ export default {
         this.investor.projectId = e;
         await this.fetchProjectData(0, this.perPage);
         this.holdInvestors = this.project.investors;
+      } else {
+        this.project.investors = [];
       }
-      else{
-      this.project.investors=[];
-      }
-    
     },
 
     filterVerified(label) {
@@ -642,7 +641,7 @@ export default {
         const headers = {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.authToken}`,
-          AccessToken: `Bearer ${this.accessToken}`
+          AccessToken: `Bearer ${this.accessToken}`,
         };
         const resp = await fetch(url, {
           headers,