Skip to content

Commit

Permalink
source files 1
Browse files Browse the repository at this point in the history
  • Loading branch information
@ftimoff
ftimoff authored Nov 15, 2022
1 parent 0dba178 commit 1132d5a
Show file tree
Hide file tree
Showing 36 changed files with 4,604 additions and 0 deletions.
427 changes: 427 additions & 0 deletions Dygnify/frontend/src/investor/CompanyInfo.js
View file

Large diffs are not rendered by default.

247 changes: 247 additions & 0 deletions Dygnify/frontend/src/investor/Dashboard.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,247 @@
import React from "react";
import {
Box,
Typography,
Button,
Stack,
TextField,
Divider,
Card,
} from "@mui/material";
import PieGraph from "./components/PieChart";
import Graph from "../mock/components/Graph";
import { getTransactionHistory } from "../components/transactionHistory/TransactionGetter";
import { useState, useEffect } from "react";
import Table from "@material-ui/core/Table";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableHead from "@material-ui/core/TableHead";
import TableRow from "@material-ui/core/TableRow";
import Paper from "@material-ui/core/Paper";

async function getHis() {
await getTransactionHistory();
}

const Dashboard = () => {
const [history, setHistory] = useState([]);

useEffect(async () => {
let data = await getTransactionHistory();
setHistory(data);
console.log(data);
}, []);

return (
<>
<style>{"body { background-color: #7165e3 }"}</style>
<Box
sx={{
height: "90px",
backgroundColor: "#ffffff",
borderEndEndRadius: "12px",
borderEndStartRadius: "12px",
px: "40px",
display: "flex",
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
}}
>
<div>
<img
style={{ width: "150px", height: "80px", objectFit: "contain" }}
src="./assets/logo.png"
alt="company logo"
/>
</div>
<div
style={{
display: "grid",
gridTemplateColumns: "1fr 1fr",
textAlign: "center",
}}
>
<div>
<Typography variant="body2">Switch to</Typography>
<Button
size="small"
sx={{ backgroundColor: "#E5E5E5", borderRadius: "120px" }}
>
{process.env.REACT_APP_TOKEN_NAME}
</Button>
</div>
</div>
</Box>
<Stack sx={{ color: "#ffffff", mt: "28px", textAlign: "center" }}>
<Typography variant="h4">Investor Dashboard</Typography>
</Stack>
<Box
sx={{
display: "grid",
gridTemplateColumns: "1fr 1fr",
backgroundColor: "#ffffff",
width: "900px",
mx: "auto",
my: "12px",
borderRadius: "12px",
}}
>
<PieGraph />
<Stack
sx={{
py: "38px",
width: 400,
}}
>
<Graph />
</Stack>
</Box>
<Box>
<Card
sx={{
my: "20px",
maxWidth: 900,
height: 80,
mx: "auto",
display: "flex",
flexDirection: "row",
justifyContent: "space-evenly",
alignItems: "center",
textAlign: "center",
}}
>
<div>
<Typography style={{ marginLeft: "36px" }} variant="subtitle2">
Income Generating Loans{" "}
</Typography>
<Typography variant="overline">Opportunity</Typography>
</div>
<Divider orientation="vertical" variant="middle" flexItem />
<div>
<Typography variant="subtitle2">10.45 </Typography>
<Typography variant="overline">APR %</Typography>
</div>
<Divider orientation="vertical" variant="middle" flexItem />{" "}
<div>
<Typography variant="subtitle2">
5,00,000 {process.env.REACT_APP_TOKEN_NAME}
</Typography>
<Typography variant="overline">Amount Invested</Typography>
</div>
<Divider orientation="vertical" variant="middle" flexItem />{" "}
<div>
<Typography variant="subtitle2">
52,250 {process.env.REACT_APP_TOKEN_NAME}
</Typography>
<Typography variant="overline">Yield Generated</Typography>
</div>
</Card>
</Box>
<Box>
<Card
sx={{
my: "20px",
maxWidth: 900,
height: 80,
mx: "auto",
display: "flex",
flexDirection: "row",
justifyContent: "space-evenly",
alignItems: "center",
textAlign: "center",
}}
>
<div>
<Typography variant="subtitle2">
EVs : New-age delivery partners
</Typography>
<Typography variant="overline">Opportunity</Typography>
</div>
<Divider orientation="vertical" variant="middle" flexItem />
<div>
<Typography variant="subtitle2">12.15 </Typography>
<Typography variant="overline">APR %</Typography>
</div>
<Divider orientation="vertical" variant="middle" flexItem />
<div>
<Typography variant="subtitle2">
2,00,000 {process.env.REACT_APP_TOKEN_NAME}
</Typography>
<Typography variant="overline">Amount Invested</Typography>
</div>
<Divider orientation="vertical" variant="middle" flexItem />
<div>
<Typography variant="subtitle2">
48,600 {process.env.REACT_APP_TOKEN_NAME}
</Typography>
<Typography variant="overline">Yield Generated</Typography>
</div>
</Card>
<Card
sx={{
my: "20px",
maxWidth: 900,
mx: "auto",
display: "flex",
flexDirection: "row",
justifyContent: "space-evenly",
alignItems: "center",
textAlign: "center",
}}
>
<Paper>
<Table>
<TableHead>
<TableRow>
<TableCell align="center">Date</TableCell>
<TableCell align="center">Transaction</TableCell>
<TableCell align="center">Amount</TableCell>
<TableCell align="center">Activity</TableCell>
</TableRow>
</TableHead>
<TableBody>
{history.map((history, i) => (
<TableRow key={i}>
<TableCell
align="center"
component="th"
scope="row"
width="220px"
>
{history.date}
</TableCell>
<TableCell width="220px" align="center">
<a
href={`https://mumbai.polygonscan.com/tx/${history.txHash}`}
>
{history.subHash}
</a>
</TableCell>
<TableCell
width="220px"
align="center"
style={{
color: `${
history.activity === "Deposit" ? "green" : "red"
}`,
}}
>
{`${history.activity === "Deposit" ? "+" : "-"}` +
history.amount}
</TableCell>
<TableCell width="220px" align="center">
{history.activity}
</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</Paper>
</Card>
</Box>
</>
);
};

export default Dashboard;
Loading

0 comments on commit 1132d5a

Please sign in to comment.