Invest

frontend/package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@date-io/date-fns": "^2.13.1",
     "@emotion/react": "^11.8.2",
     "@emotion/styled": "^11.8.1",
     "@material-ui/core": "^4.12.3",
@@ -12,14 +13,15 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
+    "axios": "^0.26.1",
+    "ethers": "^5.6.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-router-dom": "^5.3.0",
     "react-scripts": "5.0.0",
-    "web-vitals": "^2.1.4",
+    "react-webcam": "^7.0.1",
     "recharts": "^2.1.9",
-    "ethers": "^5.6.2",
-    "axios": "^0.21.1"
+    "web-vitals": "^2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",

frontend/src/Routes.js

@@ -10,6 +10,19 @@ import LoadingScreen from "./sakti/loadingScreen/LoadingScreen";
 import LocationPermission from "./sakti/locationPermission/LocationPermission";
 import Overview from "./tinlake/components/overview/Overview";
 import Test from "./tinlake/Test";
+import SignIn from "./user/SignIn";
+import DashboardMain from "./user/DashboardMain";
+import Logout from "./user/Logout";
+import DashboardRepayment from "./user/DashboardRepayment";
+import LoanStatement from "./user/LoanStatement";
+import DashboardReview from "./user/DashboardReview";
+import Welcome from "./sakti/welcome/Welcome";
+import LandingPage from "./investor/LandingPage";
+import CompanyInfo from "./investor/CompanyInfo";
+import KYC from "./investor/KYC";
+import Wallet from "./investor/Wallet";
+import Dashboard from "./investor/Dashboard";
+import Disbursement from "./investor/Disbursement";
 
 const Routes = () => {
   return (
@@ -21,7 +34,14 @@ const Routes = () => {
         <Route exact path="/token" component={Token} />
         <Route exact path="/test" component={Test} />
         <Route exact path="/overview" component={Overview} />
-        <Route exact path="/sale" component={Mobile} />
+        <Route exact path="/sale" component={Welcome} />
+        <Route exact path="/sign" component={DashboardMain} />
+        <Route exact path="/landing" component={LandingPage} />
+        <Route exact path="/info" component={CompanyInfo} />
+        <Route exact path="/kyc" component={KYC} />
+        <Route exact path="/wallet" component={Wallet} />
+        <Route exact path="/disbursement" component={Disbursement} />
+        <Route exact path="/dashboard" component={Dashboard} />
       </Switch>
     </BrowserRouter>
   );

frontend/src/components/charts/BorrowChart.js

@@ -57,8 +57,8 @@ const BorrowChart = () => {
   return React.createElement(
     AreaChart,
     {
-      width: 450,
-      height: 250,
+      width: 400,
+      height: 200,
       data: data,
       margin: {
         top: 10,

frontend/src/components/charts/StakeChart.js

@@ -57,8 +57,8 @@ const StakeChart = () => {
   return React.createElement(
     AreaChart,
     {
-      width: 450,
-      height: 250,
+      width: 400,
+      height: 200,
       data: data,
       margin: {
         top: 10,

frontend/src/components/navbar/NavBar.js

@@ -21,7 +21,7 @@ const NavBar = () => {
     <>
       <section className="nav">
         <Link to="/">
-          <Button variant="outlined">{" Home"}</Button>
+          {/* <Button variant="outlined">{" Home"}</Button> */}
         </Link>
         <Button
           variant="outlined"

frontend/src/components/transaction/TransactionHelper.js

@@ -3,8 +3,26 @@ import dygnifyStaking from "../../artifacts/contracts/DygnifyStaking.sol/Dygnify
 import dygnifyToken from "../../artifacts/contracts/DygnifyToken.sol/DygnifyToken.json";
 import { requestAccount } from "../navbar/NavBarHelper";
 
-const dygnifyStakingAddress = "0xf79B8AF0D963124444A6443331D9Ba00bCfED855";
-const token = "0x1546A8e7389B47d2Cf1bacE7C0ad3e0A91CAae94";
+const dygnifyStakingAddress = "0x043c0B0385870AaFe42d98A2817DDA81E462Ccc9";
+const token = "0x420d23b5D7B70fFEF09A6076B7Db1176472BaA37";
+
+export async function approve(amount) {
+  if (amount <= 0 || amount <= "0" ) {
+    console.log("Amount must be greater than 0");
+  } else if (typeof window.ethereum !== "undefined") {
+    await requestAccount();
+    const provider = new ethers.providers.Web3Provider(window.ethereum);
+    console.log({ provider });
+    const signer = provider.getSigner();
+    const contract2 = new ethers.Contract(
+      token,
+      dygnifyToken.abi,
+      signer
+    );
+    const transaction = await contract2.approve(dygnifyStakingAddress,amount);
+    await transaction.wait()
+  }
+}
 
 export async function stake(amount) {
   if (amount <= 0 || amount <= "0" ) {
@@ -19,8 +37,9 @@ export async function stake(amount) {
       dygnifyStaking.abi,
       signer
     );
-    const transaction = await contract.stake(amount);
-    await transaction.wait();
+    const transaction1 = await contract.stake(amount);
+    await transaction1.wait();
+
   }
 }
 

frontend/src/home/Home.js

@@ -14,6 +14,7 @@ const Home = () => {
   const form = () => {
     return (
       <div className="box">
+
         <Sidebar></Sidebar>
         <aside className="right">
           <NavBar />

frontend/src/home/Token.js

@@ -1,15 +1,48 @@
 import { useState } from 'react';
 import { ethers } from 'ethers'
 import dygToken from "../artifacts/contracts/DygnifyToken.sol/DygnifyToken.json";
+import NFTMinter from "../artifacts/contracts/NFT_minter.sol/NFTMinter.json";
 import axiosHttpService from '../services/axioscall';
-import uploadFileToIPFS from '../services/PinataIPFSOptions';
+import { uploadFileToIPFS } from '../services/PinataIPFSOptions';
+import { amlCheck } from '../services/OFACAxiosOptions';
+import axios from 'axios';
 
 const tokenAddress = "0x1546A8e7389B47d2Cf1bacE7C0ad3e0A91CAae94"
+const NFT_minter = "0xbEfC9040e1cA8B224318e4f9BcE9E3e928471D37"
+
+//metadata to ipfs
+const pinJSONToIPFS = async (JSONBody) => {
+  const url = `https://api.pinata.cloud/pinning/pinJSONToIPFS`;
+  //making axios POST request to Pinata ⬇️
+  return axios
+    .post(url, JSONBody, {
+      headers: {
+        pinata_api_key: process.env.REACT_APP_PINATA_API_KEY,
+        pinata_secret_api_key: process.env.REACT_APP_PINATA_API_SECRET,
+      }
+    })
+    .then(function (response) {
+      return {
+        success: true,
+        pinataUrl: "https://gateway.pinata.cloud/ipfs/" + response.data.IpfsHash
+      };
+    })
+    .catch(function (error) {
+      console.log(error)
+      return {
+        success: false,
+        message: error.message,
+      }
+
+    });
+};
 
 function Token() {
   const [userAccount, setUserAccount] = useState();
   const [amount, setAmount] = useState();
   const [selectedFile, setSelectedFile] = useState();
+  const [tokenURI, setTokenURI] = useState("");
+  const [nameForAMLCheck, setNameForAMLCheck] = useState("");
 
   async function requestAccount() {
     await window.ethereum.request({ method: 'eth_requestAccounts' });
@@ -49,15 +82,81 @@ function Token() {
     }
   }
 
+  async function mint_NFT(tokenURI) {
+    if (typeof window.ethereum !== 'undefined') {
+      await requestAccount()
+      const provider = new ethers.providers.Web3Provider(window.ethereum);
+      const signer = provider.getSigner();
+      const contract = new ethers.Contract(NFT_minter, NFTMinter.abi, signer);
+      const transaction = await contract.mint(tokenURI);
+      await transaction.wait();
+      console.log(`${tokenURI} has minted sucessfully.`);
+      alert(`${tokenURI} has minted sucessfully.`);
+    }
+  }
+
   // On file upload (click the upload button)
-  async function onFileUpload () {
-  try {
-    console.log("Upload called"); 
-    let ipfsUploadRes = await axiosHttpService(uploadFileToIPFS(selectedFile));
-    console.log(ipfsUploadRes);
-  } catch (error) {
-    console.log(error);
+  async function onFileUpload() {
+    try {
+      console.log("Upload called");
+      let ipfsUploadRes = await axiosHttpService(uploadFileToIPFS(selectedFile));
+      console.log(ipfsUploadRes);
+      //make metadata
+      const metadata = new Object();
+      metadata.imageHash = ipfsUploadRes.res.IpfsHash;
+      metadata.PinSize = ipfsUploadRes.res.PinSize;
+      metadata.Timestamp = ipfsUploadRes.res.Timestamp;
+
+      //make pinata call
+      const pinataResponse = await pinJSONToIPFS(metadata);
+      if (!pinataResponse.success) {
+        return {
+          success: false,
+          status: "😢 Something went wrong while uploading your tokenURI.",
+        }
+      }
+      const tokenURI = pinataResponse.pinataUrl;
+      console.log(tokenURI)
+      setTokenURI(tokenURI)
+    } catch (error) {
+      console.log(error);
+    }
+  };
+
+  async function onCheckAML(name) {
+    try {
+      console.log("onCheckAML called");
+      if (!name) {
+        return;
+      }
+      let amlCheckRes = await axiosHttpService(amlCheck(name));
+      console.log("Status " + amlCheckRes.code);
+      console.log("Body" + amlCheckRes.res);
+      console.log("Error " + amlCheckRes.res["error"]);
+      if (amlCheckRes.code === 200 && amlCheckRes.res["error"] === false) {
+        if (amlCheckRes.res["matches"][name][0] &&
+          amlCheckRes.res["matches"][name][0]["score"] >= process.env.REACT_APP_OFAC_MIN_SCORE) {
+          return true;
+        } else {
+          return false;
+        }
+      } else {
+        return;
+      }
+    } catch (error) {
+      console.log(error);
+    }
   }
+
+  // On file upload (click the upload button)
+  async function onFileUpload() {
+    try {
+      console.log("Upload called");
+      let ipfsUploadRes = await axiosHttpService(uploadFileToIPFS(selectedFile));
+      console.log(ipfsUploadRes);
+    } catch (error) {
+      console.log(error);
+    }
   };
 
   return (
@@ -69,10 +168,20 @@ function Token() {
         <input onChange={e => setUserAccount(e.target.value)} placeholder="Account ID" />
         <input onChange={e => setAmount(e.target.value)} placeholder="Amount" />
         <button onClick={approveSendCoins}>Approve</button>
-        <input type="file" onChange={ (event) => setSelectedFile(event.target.files[0]) }/>
-                <button onClick={onFileUpload}>
-                  Upload!
-                </button>
+        <input type="file" onChange={(event) => setSelectedFile(event.target.files[0])} />
+        <button onClick={onFileUpload}>
+          Upload
+        </button>
+        <h5 style={{ textAlign: "center" }}>{tokenURI === "" ? <h5 >Upload your NFT before minting</h5> : tokenURI}</h5>
+        <input type="text" onChange={(event) => setTokenURI(event.target.value)} />
+        <button onClick={() => mint_NFT(tokenURI)}>
+          Mint
+        </button>
+        <br />
+        <input type="text" onChange={(event) => setNameForAMLCheck(event.target.value)} />
+        <button onClick={() => onCheckAML(nameForAMLCheck)}>
+          Check
+        </button>
       </header>
     </div>
   );