Skip to content
This repository was archived by the owner on May 8, 2024. It is now read-only.

Stats Button #2

Closed
wants to merge 2 commits into from
Closed

Stats Button #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7a6262d
Stats Button
brijeshagal Oct 21, 2022
92c7bb7
Merge branch 'main' into Stats
brijeshagal Oct 21, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 45 additions & 13 deletions components/Header.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ import {
Plus,
LockClosed,
Rocket,
Chart
} from "@web3uikit/icons";
import Box from "@mui/material/Box";
import { useAccount, useNetwork } from "wagmi";
Expand All @@ -21,7 +22,10 @@ export default function Header() {

return (
<div>
{chain && chain.id != 1 && isConnected && (
{chain &&
// chain.id != 1 &&
isConnected &&
(
<div className="mb-6">
<BannerStrip
buttonDisplayed
Expand All @@ -39,11 +43,11 @@ export default function Header() {
/>
</div>
)}
<div className="p-4 mb-2 border-b-2 flex flex-col md:flex-row justify-between items-center">
<div className="hidden lg:flex flex-col items-center justify-content lg:pr-8">
<div className="py-4 mb-2 border-b-2 flex flex-col md:flex-row justify-between items-center">
<div className="hidden lg:flex flex-col items-center justify-content lg:pl-2">
<Link href="/">
<a target="_blank" rel="noopener noreferrer">
<div className="px-4 mt-2 flex flex-row items-center">
<div className="px-1 mt-2 flex flex-row items-center">
<div className="flex flex-col items-center">
<Box
sx={{
Expand Down Expand Up @@ -74,15 +78,15 @@ export default function Header() {
<div className="text-red-700">[ BETA ]</div>
) : (
<div className="text-red-700">[ ALPHA ]</div>
)}
)} */}
</Box>
</div>
</a>
</Link>
</div>
<div className="flex flex-col items-center my-2">
<div className="flex flex-col md:flex-row md:items-center">
<div className="flex flex-col m-2">
<div className="flex flex-col md:flex-row md:items-center flex-wrap justify-center">
<div className="flex flex-col m-1">
<Link href="/app">
<Button
primary
Expand Down Expand Up @@ -110,7 +114,7 @@ export default function Header() {
/>
</Link>
</div>
<div className="flex flex-col m-2">
<div className="flex flex-col m-1">
<Link href="/genesis">
<Button
primary
Expand Down Expand Up @@ -138,7 +142,7 @@ export default function Header() {
/>
</Link>
</div>
<div className="flex flex-col m-2">
<div className="flex flex-col m-1">
<Link href="/loanSearch">
<Button
primary
Expand Down Expand Up @@ -166,7 +170,7 @@ export default function Header() {
/>
</Link>
</div>
<div className="flex flex-col m-2">
<div className="flex flex-col m-1">
<Link href="/reserves">
<Button
primary
Expand Down Expand Up @@ -194,7 +198,7 @@ export default function Header() {
/>
</Link>
</div>
<div className="flex flex-col m-2">
<div className="flex flex-col m-1">
<Link href="/stake">
<Button
primary
Expand Down Expand Up @@ -222,13 +226,41 @@ export default function Header() {
/>
</Link>
</div>
<div className="flex flex-col m-1">
<Link href="/stats">
<Button
primary
size="medium"
color="#eae5ea"
label={
<div className="flex md:hidden lg:flex">
<Box
sx={{
fontFamily: "Monospace",
fontSize: "subtitle2.fontSize",
fontWeight: "bold",
letterSpacing: 4,
}}
>
Stats
</Box>
</div>
}
icon={
<div className="pl-[10px]">
<Chart fontSize="20px" color="#000000" />
</div>
}
/>
</Link>
</div>
</div>
</div>
<div className="flex flex-col items-center px-8">
<div className="flex flex-col items-center w-[190px]">
<ConnectButton
showBalance={false}
chainStatus="icon"
accountStatus="address"
accountStatus="address"
/>
</div>
</div>
Expand Down
1 change: 1 addition & 0 deletions pages/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -261,6 +261,7 @@ export default function App() {
height="200"
width="200"
className="rounded-3xl"
alt = "tokenURI"
/>
) : (
<Box
Expand Down
1 change: 1 addition & 0 deletions pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ export default function Home() {
<img
src="symbol-no-bg.png"
className={styles.headerLogoImg}
alt = "symbol"
></img>
</a>
</div>
Expand Down
6 changes: 4 additions & 2 deletions pages/loanSearch.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
import styles from "../styles/Home.module.css";
import { getAssetPrice } from "../helpers/getAssetPrice.js";
import { ethers } from "ethers";
import { getNFTImage } from "../helpers/getNFTImage.js";
import { getAddressNFTs } from "../helpers/getAddressNFTs.js";
import { getSupportedNFTs } from "../helpers/getSupportedNFTs.js";
import contractAddresses from "../contractAddresses.json";
//ethers
import { ethers } from "ethers";
import { BigNumber } from "@ethersproject/bignumber";
import { getAddress } from "@ethersproject/address";
import Autocomplete from "@mui/material/Autocomplete";
import TextField from "@mui/material/TextField";
import loanCenterContract from "../contracts/LoanCenter.json";
import nftOracleContract from "../contracts/NFTOracle.json";
import { useState, useEffect } from "react";
import { useAccount, useNetwork } from "wagmi";
import { calculateHealthLevel } from "../helpers/healthLevel";
import { Illustration, Loading, Typography, Tooltip } from "@web3uikit/core";
import Card from "@mui/material/Card";
Expand All @@ -24,6 +24,8 @@ import Image from "next/image";
import LinearProgressWithLabel from "../components/LinearProgressWithLabel";
import Divider from "@mui/material/Divider";
import Liquidate from "../components/Liquidate";
//wagmi
import { useAccount, useNetwork } from "wagmi";
import { useContract, useProvider } from "wagmi";
import StyledModal from "../components/StyledModal";
import erc721 from "../contracts/erc721.json";
Expand Down
38 changes: 38 additions & 0 deletions pages/stats.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
import styles from "../styles/Home.module.css";
import { getAssetPrice } from "../helpers/getAssetPrice.js";
import { ethers } from "ethers";
import { getNFTImage } from "../helpers/getNFTImage.js";
import { getAddressNFTs } from "../helpers/getAddressNFTs.js";
import { getSupportedNFTs } from "../helpers/getSupportedNFTs.js";
import contractAddresses from "../contractAddresses.json";
import { BigNumber } from "@ethersproject/bignumber";
import { getAddress } from "@ethersproject/address";
import Autocomplete from "@mui/material/Autocomplete";
import TextField from "@mui/material/TextField";
import loanCenterContract from "../contracts/LoanCenter.json";
import nftOracleContract from "../contracts/NFTOracle.json";
import { useState, useEffect } from "react";
import { useAccount, useNetwork } from "wagmi";
import { calculateHealthLevel } from "../helpers/healthLevel";
import { Illustration, Loading, Typography, Tooltip } from "@web3uikit/core";
import Card from "@mui/material/Card";
import Box from "@mui/material/Box";
import CardContent from "@mui/material/CardContent";
import { CardActionArea } from "@mui/material";
import { HelpCircle } from "@web3uikit/icons";
import Image from "next/image";
import LinearProgressWithLabel from "../components/LinearProgressWithLabel";
import Divider from "@mui/material/Divider";
import Liquidate from "../components/Liquidate";
import { useContract, useProvider } from "wagmi";
import StyledModal from "../components/StyledModal";
import erc721 from "../contracts/erc721.json";

// "0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6"

export default function Stats() {
return (
<div className=''>stats</div>
)
}