From 120226c2072dd1639be49f64e016702e002f0061 Mon Sep 17 00:00:00 2001 From: Enes Dolgun <58950702+dlgn2@users.noreply.github.com> Date: Sat, 13 Aug 2022 20:30:36 +0300 Subject: [PATCH 1/3] AccountDetails select chains added, NFT design card --- .../src/assets/images/polygon-circle.png | Bin 0 -> 33834 bytes .../src/components/NFTItem/NFTItem.tsx | 42 +++++++- .../ViewAccountDetails.style.ts | 6 +- .../ViewAccountDetails/ViewAccountDetails.tsx | 95 ++++++++++++++---- 4 files changed, 117 insertions(+), 26 deletions(-) create mode 100644 packages/extension-onboarding/src/assets/images/polygon-circle.png diff --git a/packages/extension-onboarding/src/assets/images/polygon-circle.png b/packages/extension-onboarding/src/assets/images/polygon-circle.png new file mode 100644 index 0000000000000000000000000000000000000000..e04a1b948adb7364e3549295f9b4dd93bafa86cb GIT binary patch literal 33834 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 KU)n!*e*X`(LZw{* literal 0 HcmV?d00001 diff --git a/packages/extension-onboarding/src/components/NFTItem/NFTItem.tsx b/packages/extension-onboarding/src/components/NFTItem/NFTItem.tsx index 41fa436cc6..d2cad2a0e2 100644 --- a/packages/extension-onboarding/src/components/NFTItem/NFTItem.tsx +++ b/packages/extension-onboarding/src/components/NFTItem/NFTItem.tsx @@ -1,6 +1,6 @@ import { IEVMNFT } from "@snickerdoodlelabs/objects"; import { useStyles } from "@extension-onboarding/components/BalanceItem/BalanceItem.style"; -import { Box } from "@material-ui/core"; +import { Box, Grid, Typography } from "@material-ui/core"; import React, { FC, useMemo } from "react"; export interface INFTItemProps { @@ -29,15 +29,47 @@ const NFTItem: FC = ({ item }: INFTItemProps) => { return ( <> {nftImages?.length ? ( - + + + + + {item?.name} + + + Token ID: {item?.tokenId} + + + - + ) : null} ); diff --git a/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.style.ts b/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.style.ts index ef253b5d8d..38bfbba3a3 100644 --- a/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.style.ts +++ b/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.style.ts @@ -36,7 +36,7 @@ export const useStyles = makeStyles((theme) => ({ border: "1px solid #ECECEC", }, cardBackground2: { - background: "rgba(253, 243, 225, 0.5)", + background: "rgba(185, 182, 211, 0.2)", border: "1px solid #ECECEC", }, cardTokenText: { @@ -58,7 +58,7 @@ export const useStyles = makeStyles((theme) => ({ background: "none", }, selectChain: { - width: 220, + width: 240, height: 55, border: "1px solid #D9D9D9", borderRadius: 8, @@ -70,7 +70,7 @@ export const useStyles = makeStyles((theme) => ({ accountAddressText: { paddingLeft: "4px", - paddingTop: "10px", + paddingTop: "7px", fontFamily: "'Space Grotesk', sans-serif", fontWeight: 500, fontSize: "16px", diff --git a/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.tsx b/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.tsx index 58cb28f91c..4660936bd4 100644 --- a/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.tsx +++ b/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.tsx @@ -1,6 +1,7 @@ import { Box, CircularProgress, + Grid, MenuItem, Select, Typography, @@ -11,6 +12,8 @@ import { useAppContext } from "@extension-onboarding/context/App"; import { useStyles } from "@extension-onboarding/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.style"; import coinbaseSmall from "@extension-onboarding/assets/icons/coinbaseSmall.svg"; import ethereumCircle from "@extension-onboarding/assets/icons/ethereum-circle.svg"; +import avaxCircle from "@extension-onboarding/assets/images/avax-circle.png"; +import polygonCircle from "@extension-onboarding/assets/images/polygon-circle.png"; import metamaskLogo from "@extension-onboarding/assets/icons/metamaskSmall.svg"; import { EVMAccountAddress, @@ -51,7 +54,7 @@ const ViewAccountDetails: FC = () => { const [accountSelect, setAccountSelect] = useState( viewDetailsAccountAddress ?? linkedAccounts[0].accountAddress, ); - const [chainSelect, setChainSelect] = useState("ETH"); + const [chainSelect, setChainSelect] = useState("1"); useEffect(() => { initiliaze(); @@ -154,13 +157,63 @@ const ViewAccountDetails: FC = () => { value={chainSelect} onChange={handleChainChange} > - + - + - Ethereum + Ethereum Mainnet + + + + + + + + + + Ethereum Kovan + + + + + + + + + + Avalanche Fuji + + + + + + + + + + Avalanche Mainnet + + + + + + + + + + Polygon Mainnet + + + + + + + + + + Polygon Mumbai @@ -260,13 +313,17 @@ const ViewAccountDetails: FC = () => { ) : ( accountBalances?.[accountSelect].map((balanceItem, index) => { - return ( - - ); + if (balanceItem.chainId.toString() === chainSelect) { + return ( + + ); + } else { + return null; + } }) )} @@ -282,16 +339,18 @@ const ViewAccountDetails: FC = () => { > Your NFTs - {accountNFTs?.[accountSelect]?.map((nftItem, index) => { - return ; + if (nftItem.chain.toString() === chainSelect) { + return ; + } else { + return null; + } })} - + From 3c17d13e6cf4d6a772ed32c52ba10d587a2cf505 Mon Sep 17 00:00:00 2001 From: Enes Dolgun <58950702+dlgn2@users.noreply.github.com> Date: Sun, 14 Aug 2022 00:03:44 +0300 Subject: [PATCH 2/3] style cleans --- .../src/components/NFTItem/NFTItem.style.ts | 19 ++++++++++-- .../src/components/NFTItem/NFTItem.tsx | 31 +++---------------- .../ViewAccountDetails/ViewAccountDetails.tsx | 9 ++---- 3 files changed, 25 insertions(+), 34 deletions(-) diff --git a/packages/extension-onboarding/src/components/NFTItem/NFTItem.style.ts b/packages/extension-onboarding/src/components/NFTItem/NFTItem.style.ts index d33f7ec871..9e99bd7bc2 100644 --- a/packages/extension-onboarding/src/components/NFTItem/NFTItem.style.ts +++ b/packages/extension-onboarding/src/components/NFTItem/NFTItem.style.ts @@ -1,6 +1,21 @@ import { makeStyles } from "@material-ui/core/styles"; export const useStyles = makeStyles((theme) => ({ - - + card: { + borderRadius: 8, + border: "1px solid #ECECEC", + padding: 0, + }, + nftName: { + fontFamily: "Space Grotesk", + fontWeight: 600, + fontSize: 14, + color: "rgba(35, 32, 57, 0.87)", + }, + nftTokenId: { + fontFamily: "Space Grotesk", + fontWeight: 600, + fontSize: 14, + color: "rgba(93, 90, 116, 0.8)", + }, })); diff --git a/packages/extension-onboarding/src/components/NFTItem/NFTItem.tsx b/packages/extension-onboarding/src/components/NFTItem/NFTItem.tsx index d2cad2a0e2..bd6850d884 100644 --- a/packages/extension-onboarding/src/components/NFTItem/NFTItem.tsx +++ b/packages/extension-onboarding/src/components/NFTItem/NFTItem.tsx @@ -1,5 +1,5 @@ import { IEVMNFT } from "@snickerdoodlelabs/objects"; -import { useStyles } from "@extension-onboarding/components/BalanceItem/BalanceItem.style"; +import { useStyles } from "@extension-onboarding/components/NFTItem/NFTItem.style"; import { Box, Grid, Typography } from "@material-ui/core"; import React, { FC, useMemo } from "react"; @@ -29,10 +29,7 @@ const NFTItem: FC = ({ item }: INFTItemProps) => { return ( <> {nftImages?.length ? ( - + = ({ item }: INFTItemProps) => { style={{ borderRadius: "8px 8px 0px 0px" }} src={nftImages[0].replace("ipfs://", "https://ipfs.io/ipfs/")} /> - + - + {item?.name} - + Token ID: {item?.tokenId} diff --git a/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.tsx b/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.tsx index 4660936bd4..4758314628 100644 --- a/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.tsx +++ b/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.tsx @@ -298,7 +298,7 @@ const ViewAccountDetails: FC = () => { width={580} height={536} borderRadius={8} - style={{ border: "1px solid #ECECEC" }} + border="1px solid #ECECEC" > Your Tokens @@ -335,14 +335,11 @@ const ViewAccountDetails: FC = () => { height="100%" borderRadius={8} ml={5} - style={{ border: "1px solid #ECECEC" }} + border="1px solid #ECECEC" > Your NFTs - + {accountNFTs?.[accountSelect]?.map((nftItem, index) => { if (nftItem.chain.toString() === chainSelect) { return ; From 01efb9fef8427fe6be827ee0ddf55dbd94d522a2 Mon Sep 17 00:00:00 2001 From: Enes Dolgun <58950702+dlgn2@users.noreply.github.com> Date: Sun, 14 Aug 2022 00:04:34 +0300 Subject: [PATCH 3/3] hotfix:missing container style --- .../ViewAccountDetails/ViewAccountDetails.style.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.style.ts b/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.style.ts index 38bfbba3a3..34b1ae4553 100644 --- a/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.style.ts +++ b/packages/extension-onboarding/src/pages/Onboarding/ViewAccountDetails/ViewAccountDetails.style.ts @@ -87,5 +87,9 @@ export const useStyles = makeStyles((theme) => ({ fontSize: 22, fontWeight: 700, }, - + nftContainer: { + display: "flex", + marginTop: "16px", + gap: 10, + }, }));