From 565a12c1eaaf8f1a1bae96cf6ad19d9160039103 Mon Sep 17 00:00:00 2001 From: Pratap Mahey Date: Thu, 25 Aug 2022 10:49:44 +0530 Subject: [PATCH 1/6] feat: add deposit card in home --- packages/extension/src/languages/en.json | 1 + packages/extension/src/languages/ko.json | 1 + .../src/pages/main/deposit.module.scss | 40 ++++++++ packages/extension/src/pages/main/deposit.tsx | 95 +++++++++++++++++++ packages/extension/src/pages/main/index.tsx | 5 +- 5 files changed, 141 insertions(+), 1 deletion(-) create mode 100644 packages/extension/src/pages/main/deposit.module.scss create mode 100644 packages/extension/src/pages/main/deposit.tsx diff --git a/packages/extension/src/languages/en.json b/packages/extension/src/languages/en.json index cbe34241fa..cae418177a 100644 --- a/packages/extension/src/languages/en.json +++ b/packages/extension/src/languages/en.json @@ -3,6 +3,7 @@ "main.account.chart.available-balance": "Available", "main.account.chart.staked-balance": "Staked", "main.account.button.deposit": "Deposit", + "main.account.deposit.paragraph": "Add tokens to your wallet", "main.account.button.send": "Send", "main.account.tooltip.no-asset": "No token in your account. Deposit some tokens to send.", diff --git a/packages/extension/src/languages/ko.json b/packages/extension/src/languages/ko.json index 8f6ccb6a41..fae7ad1b7f 100644 --- a/packages/extension/src/languages/ko.json +++ b/packages/extension/src/languages/ko.json @@ -5,6 +5,7 @@ "main.account.button.deposit": "입금", "main.account.button.send": "보내기", "main.account.tooltip.no-asset": "계정에 자산이 없습니다. 자산을 입금해주세요.", + "main.account.deposit.paragraph": "지갑에 토큰 추가", "main.modal.select-account.title": "계정을 선택하세요", "main.modal.select-account.button.select": "계정 선택", diff --git a/packages/extension/src/pages/main/deposit.module.scss b/packages/extension/src/pages/main/deposit.module.scss new file mode 100644 index 0000000000..12fbd1a18e --- /dev/null +++ b/packages/extension/src/pages/main/deposit.module.scss @@ -0,0 +1,40 @@ +@import "../../styles/var"; + +.container-inner { + display: flex; + flex-direction: row; + + height: 48px; + justify-content: center; + align-items: center; + + .paragraph-main { + line-height: 1.35; + } + + .paragraph-sub { + line-height: 1.35; + color: #8898aa; + } + + .vertical { + display: flex; + flex-direction: column; + } + + .button { + min-width: 76px; + padding: 6px 10px 4px; + } +} + +.deposit-modal { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + .qrcode { + margin-bottom: 20px; + } +} diff --git a/packages/extension/src/pages/main/deposit.tsx b/packages/extension/src/pages/main/deposit.tsx new file mode 100644 index 0000000000..1d70c04401 --- /dev/null +++ b/packages/extension/src/pages/main/deposit.tsx @@ -0,0 +1,95 @@ +import React, { useEffect, useState, FunctionComponent, useRef } from "react"; +import { Button } from "reactstrap"; +import Modal from "react-modal"; + +import styleDeposit from "./deposit.module.scss"; +import classnames from "classnames"; +import { observer } from "mobx-react-lite"; +import { useStore } from "../../stores"; +import { FormattedMessage } from "react-intl"; + +// eslint-disable-next-line @typescript-eslint/no-var-requires +const QrCode = require("qrcode"); + +const DepositModal: FunctionComponent<{ + bech32Address: string; +}> = ({ bech32Address }) => { + const qrCodeRef = useRef(null); + + useEffect(() => { + if (qrCodeRef.current && bech32Address) { + QrCode.toCanvas(qrCodeRef.current, bech32Address); + } + }, [bech32Address]); + + return ( +
+

Scan QR code

+ +
+ ); +}; + +export const DepositView: FunctionComponent = observer(() => { + const { accountStore, chainStore } = useStore(); + + const accountInfo = accountStore.getAccount(chainStore.current.chainId); + const [isDepositOpen, setIsDepositOpen] = useState(false); + + return ( +
+ { + setIsDepositOpen(false); + }} + > + + + +
+

+ {" "} + {chainStore.current.stakeCurrency.coinDenom.toUpperCase()} +

+

+ +

+
+
+ +
+ ); +}); diff --git a/packages/extension/src/pages/main/index.tsx b/packages/extension/src/pages/main/index.tsx index 0cdbf7bd34..75ee3320cf 100644 --- a/packages/extension/src/pages/main/index.tsx +++ b/packages/extension/src/pages/main/index.tsx @@ -20,6 +20,7 @@ import { ChainUpdaterService } from "@keplr-wallet/background"; import { DenomHelper } from "@keplr-wallet/common"; import { Dec } from "@keplr-wallet/unit"; import bellIcon from "../../public/assets/icon/bell.png"; +import { DepositView } from "./deposit"; // import { IBCTransferView } from "./ibc-transfer"; export const MainPage: FunctionComponent = observer(() => { @@ -118,12 +119,14 @@ export const MainPage: FunctionComponent = observer(() => {
- {chainStore.current.walletUrlForStaking ? "" : null} {hasTokens ? ( {} ) : null} + + {} + {/* {uiConfigStore.showAdvancedIBCTransfer && chainStore.current.features?.includes("ibc-transfer") ? ( From 615ed1cd02406a79ec5f329526978451503d836f Mon Sep 17 00:00:00 2001 From: Pratap Mahey Date: Thu, 25 Aug 2022 11:36:54 +0530 Subject: [PATCH 2/6] feat: add buy fet card --- packages/extension/src/languages/en.json | 2 + packages/extension/src/languages/ko.json | 2 + .../src/pages/main/deposit.module.scss | 4 + packages/extension/src/pages/main/deposit.tsx | 144 ++++++++++++------ 4 files changed, 102 insertions(+), 50 deletions(-) diff --git a/packages/extension/src/languages/en.json b/packages/extension/src/languages/en.json index cae418177a..2847983bc4 100644 --- a/packages/extension/src/languages/en.json +++ b/packages/extension/src/languages/en.json @@ -6,6 +6,8 @@ "main.account.deposit.paragraph": "Add tokens to your wallet", "main.account.button.send": "Send", "main.account.tooltip.no-asset": "No token in your account. Deposit some tokens to send.", + "main.account.button.buy": "Buy", + "main.account.buy.paragraph": "Buy and add native tokens to your wallet", "main.modal.select-account.title": "Select your account", "main.modal.select-account.button.select": "Select Account", diff --git a/packages/extension/src/languages/ko.json b/packages/extension/src/languages/ko.json index fae7ad1b7f..ce6f0cf853 100644 --- a/packages/extension/src/languages/ko.json +++ b/packages/extension/src/languages/ko.json @@ -6,6 +6,8 @@ "main.account.button.send": "보내기", "main.account.tooltip.no-asset": "계정에 자산이 없습니다. 자산을 입금해주세요.", "main.account.deposit.paragraph": "지갑에 토큰 추가", + "main.account.button.buy": "구입하다", + "main.account.buy.paragraph": "지갑에 기본 토큰 구매 및 추가", "main.modal.select-account.title": "계정을 선택하세요", "main.modal.select-account.button.select": "계정 선택", diff --git a/packages/extension/src/pages/main/deposit.module.scss b/packages/extension/src/pages/main/deposit.module.scss index 12fbd1a18e..6a91d12df8 100644 --- a/packages/extension/src/pages/main/deposit.module.scss +++ b/packages/extension/src/pages/main/deposit.module.scss @@ -38,3 +38,7 @@ margin-bottom: 20px; } } + +.hr { + margin: $main-card-padding 0; +} diff --git a/packages/extension/src/pages/main/deposit.tsx b/packages/extension/src/pages/main/deposit.tsx index 1d70c04401..11e976e908 100644 --- a/packages/extension/src/pages/main/deposit.tsx +++ b/packages/extension/src/pages/main/deposit.tsx @@ -37,59 +37,103 @@ export const DepositView: FunctionComponent = observer(() => { const [isDepositOpen, setIsDepositOpen] = useState(false); return ( -
- { - setIsDepositOpen(false); - }} - > - - - -
-

+

+ { + setIsDepositOpen(false); + }} > - {" "} - {chainStore.current.stakeCurrency.coinDenom.toUpperCase()} -

-

+ + +

+

+ {" "} + {chainStore.current.stakeCurrency.coinDenom.toUpperCase()} +

+

+ +

+
+
+
-
- + + {chainStore.current.chainId == "fetchhub-4" && ( +
+
+ +
+
+

+ {" "} + {chainStore.current.stakeCurrency.coinDenom.toUpperCase()} +

+

+ +

+
+ +
+ )}
); }); From ff2f01186ddf7daf60d117905e4b2708e4abb73c Mon Sep 17 00:00:00 2001 From: Pratap Mahey Date: Thu, 25 Aug 2022 13:24:52 +0530 Subject: [PATCH 3/6] feat: home page modifcations --- .../src/pages/main/asset.module.scss | 9 ++++++ packages/extension/src/pages/main/asset.tsx | 28 +++++++++++++++---- packages/extension/src/pages/main/index.tsx | 3 -- 3 files changed, 32 insertions(+), 8 deletions(-) diff --git a/packages/extension/src/pages/main/asset.module.scss b/packages/extension/src/pages/main/asset.module.scss index 6a5bdeabd6..654202bc21 100644 --- a/packages/extension/src/pages/main/asset.module.scss +++ b/packages/extension/src/pages/main/asset.module.scss @@ -108,6 +108,10 @@ transition-delay: 0.5s; } +.hr { + margin: $main-card-padding 0; +} + .emptyState { display: flex; flex-direction: column; @@ -121,6 +125,11 @@ font-size: 20px; } + .buyButton { + margin-top: 8px; + width: 100%; + } + img { width: 170px; height: 170px; diff --git a/packages/extension/src/pages/main/asset.tsx b/packages/extension/src/pages/main/asset.tsx index eb3a1c6fba..f7bd727391 100644 --- a/packages/extension/src/pages/main/asset.tsx +++ b/packages/extension/src/pages/main/asset.tsx @@ -8,6 +8,7 @@ import styleAsset from "./asset.module.scss"; import { TxButtonView } from "./tx-button"; import walletIcon from "../../public/assets/icon/wallet.png"; import buyIcon from "../../public/assets/icon/buy.png"; +import { DepositView } from "./deposit"; export const ProgressBar = ({ width, @@ -33,7 +34,7 @@ export const ProgressBar = ({ ); }; -const EmptyState: FunctionComponent = () => { +const EmptyState = ({ denom, chainId }: { denom: string; chainId: string }) => { return (

No funds added

@@ -41,9 +42,19 @@ const EmptyState: FunctionComponent = () => {

That’s okay, you can deposit tokens to your address or buy some.

- + + {chainId == "fetchhub-4" && ( + + + + )}
); }; @@ -100,7 +111,12 @@ export const AssetView: FunctionComponent = observer(() => { : !total.toDec().isZero(); if (!hasBalance) { - return ; + return ( + + ); } return ( @@ -177,6 +193,8 @@ export const AssetView: FunctionComponent = observer(() => {
+
+ ); }); diff --git a/packages/extension/src/pages/main/index.tsx b/packages/extension/src/pages/main/index.tsx index 75ee3320cf..8cc4be1691 100644 --- a/packages/extension/src/pages/main/index.tsx +++ b/packages/extension/src/pages/main/index.tsx @@ -124,9 +124,6 @@ export const MainPage: FunctionComponent = observer(() => { {} ) : null} - - {} - {/* {uiConfigStore.showAdvancedIBCTransfer && chainStore.current.features?.includes("ibc-transfer") ? ( From 7ad3d1c4c50a09fcffbdc8d14c9902c795c56750 Mon Sep 17 00:00:00 2001 From: Pratap Mahey Date: Fri, 26 Aug 2022 10:30:35 +0530 Subject: [PATCH 4/6] feat: add claim functionality --- packages/extension/src/languages/en.json | 1 + packages/extension/src/languages/ko.json | 1 + packages/extension/src/pages/main/asset.tsx | 20 +++ .../src/pages/main/tx-button.module.scss | 2 +- .../extension/src/pages/main/tx-button.tsx | 167 +++++++----------- 5 files changed, 82 insertions(+), 109 deletions(-) diff --git a/packages/extension/src/languages/en.json b/packages/extension/src/languages/en.json index 2847983bc4..e8836cd59c 100644 --- a/packages/extension/src/languages/en.json +++ b/packages/extension/src/languages/en.json @@ -2,6 +2,7 @@ "main.account.chart.total-balance": "Total Balance", "main.account.chart.available-balance": "Available", "main.account.chart.staked-balance": "Staked", + "main.account.chart.reward-balance": "Rewards", "main.account.button.deposit": "Deposit", "main.account.deposit.paragraph": "Add tokens to your wallet", "main.account.button.send": "Send", diff --git a/packages/extension/src/languages/ko.json b/packages/extension/src/languages/ko.json index ce6f0cf853..75fcd1d89d 100644 --- a/packages/extension/src/languages/ko.json +++ b/packages/extension/src/languages/ko.json @@ -2,6 +2,7 @@ "main.account.chart.total-balance": "총 자산", "main.account.chart.available-balance": "전송 가능한 자산", "main.account.chart.staked-balance": "스테이킹된 자산", + "main.account.chart.reward-balance": "보상", "main.account.button.deposit": "입금", "main.account.button.send": "보내기", "main.account.tooltip.no-asset": "계정에 자산이 없습니다. 자산을 입금해주세요.", diff --git a/packages/extension/src/pages/main/asset.tsx b/packages/extension/src/pages/main/asset.tsx index f7bd727391..e8320205f9 100644 --- a/packages/extension/src/pages/main/asset.tsx +++ b/packages/extension/src/pages/main/asset.tsx @@ -86,6 +86,12 @@ export const AssetView: FunctionComponent = observer(() => { .getQueryBech32Address(accountInfo.bech32Address) .total.upperCase(true); + const rewards = queries.cosmos.queryRewards.getQueryBech32Address( + accountInfo.bech32Address + ); + + const stakableReward = rewards.stakableReward; + const stakedSum = delegated.add(unbonding); const total = stakable.add(stakedSum); @@ -190,6 +196,20 @@ export const AssetView: FunctionComponent = observer(() => { {stakedSum.shrink(true).maxDecimals(6).toString()}
+
+
+ +
+
+
+ {stakableReward.shrink(true).maxDecimals(6).toString()} +
+
diff --git a/packages/extension/src/pages/main/tx-button.module.scss b/packages/extension/src/pages/main/tx-button.module.scss index d040a721c7..7765a3c5f5 100644 --- a/packages/extension/src/pages/main/tx-button.module.scss +++ b/packages/extension/src/pages/main/tx-button.module.scss @@ -10,7 +10,7 @@ padding-left: 1rem !important; margin-right: $layout-margin; - + margin-left: 0px; &:last-child { margin-right: 0; } diff --git a/packages/extension/src/pages/main/tx-button.tsx b/packages/extension/src/pages/main/tx-button.tsx index 45b6f46203..860dabbf01 100644 --- a/packages/extension/src/pages/main/tx-button.tsx +++ b/packages/extension/src/pages/main/tx-button.tsx @@ -1,12 +1,6 @@ -import React, { - FunctionComponent, - useEffect, - useMemo, - useRef, - useState, -} from "react"; +import React, { FunctionComponent, useMemo, useState } from "react"; -import { Button, Tooltip } from "reactstrap"; +import { Button } from "reactstrap"; import styleTxButton from "./tx-button.module.scss"; @@ -14,7 +8,7 @@ import { observer } from "mobx-react-lite"; import { useStore } from "../../stores"; -import Modal from "react-modal"; +import { useNotification } from "../../components/notification"; import { FormattedMessage } from "react-intl"; import { useHistory } from "react-router"; @@ -30,34 +24,14 @@ import activeSend from "../../public/assets/icon/activeSend.png"; import activeSwap from "../../public/assets/icon/activeSwap.png"; import activeStake from "../../public/assets/icon/activeStake.png"; -// eslint-disable-next-line @typescript-eslint/no-var-requires -const QrCode = require("qrcode"); - -const DepositModal: FunctionComponent<{ - bech32Address: string; -}> = ({ bech32Address }) => { - const qrCodeRef = useRef(null); - - useEffect(() => { - if (qrCodeRef.current && bech32Address) { - QrCode.toCanvas(qrCodeRef.current, bech32Address); - } - }, [bech32Address]); - - return ( -
-

Scan QR code

- -
- ); -}; - export const TxButtonView: FunctionComponent = observer(() => { const { accountStore, chainStore, queriesStore, analyticsStore } = useStore(); + const notification = useNotification(); + const [isActiveSend, setIsActiveSend] = useState(false); const [isActiveStake, setIsActiveStake] = useState(false); - const [isActiveSwap, setIsActiveSwap] = useState(false); + const [isActiveReward, setIsActiveReward] = useState(false); const accountInfo = accountStore.getAccount(chainStore.current.chainId); const queries = queriesStore.get(chainStore.current.chainId); @@ -65,17 +39,12 @@ export const TxButtonView: FunctionComponent = observer(() => { accountInfo.bech32Address ); - const [isDepositOpen, setIsDepositOpen] = useState(false); - - const [sendTooltipOpen, setSendTooltipOpen] = useState(false); - const [stakeTooltipOpen, setStakeTooltipOpen] = useState(false); const history = useHistory(); const hasAssets = queryBalances.balances.find((bal) => bal.balance.toDec().gt(new Dec(0))) !== undefined; - const sendBtnRef = useRef(null); const rewards = queries.cosmos.queryRewards.getQueryBech32Address( accountInfo.bech32Address ); @@ -84,37 +53,55 @@ export const TxButtonView: FunctionComponent = observer(() => { accountInfo.bech32Address ).stakable; - const isRewardExist = rewards.rewards.length > 0; + const isRewardExist = rewards.stakableReward.toDec().gt(new Dec(0)); const isStakableExist = useMemo(() => { return stakable.balance.toDec().gt(new Dec(0)); }, [stakable.balance]); - const stakeBtnRef = useRef(null); - return ( -
- { + if (accountInfo.isReadyToSendMsgs) { + try { + // When the user delegated too many validators, + // it can't be sent to withdraw rewards from all validators due to the block gas limit. + // So, to prevent this problem, just send the msgs up to 8. + await accountInfo.cosmos.sendWithdrawDelegationRewardMsgs( + rewards.getDescendingPendingRewardValidatorAddresses(8), + "", + undefined, + undefined, + { + onBroadcasted: () => { + analyticsStore.logEvent("Claim reward tx broadcasted", { + chainId: chainStore.current.chainId, + chainName: chainStore.current.chainName, + }); + }, + } + ); + + history.replace("/"); + } catch (e: any) { + history.replace("/"); + notification.push({ + type: "warning", + placement: "top-center", + duration: 5, + content: `Fail to withdraw rewards: ${e.message}`, + canDelete: true, + transition: { + duration: 0.25, }, - }} - isOpen={isDepositOpen} - onRequestClose={() => { - setIsDepositOpen(false); - }} - > - - + }); + } + } + }; + return ( +
- {/* - "Disabled" property in button tag will block the mouse enter/leave events. - So, tooltip will not work as expected. - To solve this problem, don't add "disabled" property to button tag and just add "disabled" class manually. - */} - - {!hasAssets ? ( - setSendTooltipOpen((value) => !value)} - fade - > - - - ) : null} + { } }} > - {/* - "Disabled" property in button tag will block the mouse enter/leave events. - So, tooltip will not work as expected. - To solve this problem, don't add "disabled" property to button tag and just add "disabled" class manually. - */} - {!isStakableExist ? ( - setStakeTooltipOpen((value) => !value)} - fade - > - - - ) : null}
); From bb7f30a1fe94717cba318d255262784a1d770ba3 Mon Sep 17 00:00:00 2001 From: Pratap Mahey Date: Fri, 26 Aug 2022 11:35:17 +0530 Subject: [PATCH 5/6] feat: add reward related changes to home --- .../src/pages/main/asset.module.scss | 17 +++++++++-- packages/extension/src/pages/main/asset.tsx | 29 ++++++++++++++----- 2 files changed, 37 insertions(+), 9 deletions(-) diff --git a/packages/extension/src/pages/main/asset.module.scss b/packages/extension/src/pages/main/asset.module.scss index 654202bc21..411abbf657 100644 --- a/packages/extension/src/pages/main/asset.module.scss +++ b/packages/extension/src/pages/main/asset.module.scss @@ -96,16 +96,29 @@ } .progressDiv { - background-color: #11cdef; + background-color: #d43bf6; border-radius: 2px; + position: relative; } -.progress { +.progressAvailable { background-color: #5e72e4; height: 20px; border-radius: 2px; transition: 1s ease; transition-delay: 0.5s; + z-index: 2; + position: absolute; +} + +.progressStake { + background-color: #11cdef; + height: 20px; + border-radius: 2px; + transition: 1.5s ease; + transition-delay: 0.5s; + position: static; + z-index: 1; } .hr { diff --git a/packages/extension/src/pages/main/asset.tsx b/packages/extension/src/pages/main/asset.tsx index e8320205f9..a08f52fab3 100644 --- a/packages/extension/src/pages/main/asset.tsx +++ b/packages/extension/src/pages/main/asset.tsx @@ -17,18 +17,26 @@ export const ProgressBar = ({ width: number; data: number[]; }) => { - const [value, setValue] = useState(0); + const [values, setValues] = useState([0, 0]); useEffect(() => { - const total = data[0] + data[1]; - const percentage = data[0] / total; - setValue(percentage * width); - }, [width, data[0], data[1]]); + const total = data[0] + data[1] + data[2]; + const percentageAvailable = data[0] / total; + const percentageStake = data[1] / total; + setValues([percentageAvailable * width, percentageStake * width]); + }, [width, data[0], data[1], data[2]]); return (
-
+
+
); @@ -94,10 +102,14 @@ export const AssetView: FunctionComponent = observer(() => { const stakedSum = delegated.add(unbonding); - const total = stakable.add(stakedSum); + const total = stakable.add(stakedSum).add(stakableReward); const stakablePrice = priceStore.calculatePrice(stakable, fiatCurrency); const stakedSumPrice = priceStore.calculatePrice(stakedSum, fiatCurrency); + const stakableRewardPrice = priceStore.calculatePrice( + stakableReward, + fiatCurrency + ); const totalPrice = priceStore.calculatePrice(total, fiatCurrency); @@ -110,6 +122,9 @@ export const AssetView: FunctionComponent = observer(() => { stakedSumPrice ? parseFloat(stakedSumPrice.toDec().toString()) : parseFloat(stakedSum.toDec().toString()), + stakableRewardPrice + ? parseFloat(stakableRewardPrice.toDec().toString()) + : parseFloat(stakableReward.toDec().toString()), ]; const hasBalance = totalPrice From 208a58a0f31f94c3044456ff246a72675a561d09 Mon Sep 17 00:00:00 2001 From: Pratap Mahey Date: Fri, 26 Aug 2022 17:57:25 +0530 Subject: [PATCH 6/6] feat: update button theme --- packages/extension/src/pages/main/tx-button.tsx | 8 ++++---- .../src/public/assets/icon/activeReward.png | Bin 0 -> 288 bytes .../extension/src/public/assets/icon/reward.png | Bin 0 -> 446 bytes packages/extension/src/styles/global.scss | 4 ++++ 4 files changed, 8 insertions(+), 4 deletions(-) create mode 100644 packages/extension/src/public/assets/icon/activeReward.png create mode 100644 packages/extension/src/public/assets/icon/reward.png diff --git a/packages/extension/src/pages/main/tx-button.tsx b/packages/extension/src/pages/main/tx-button.tsx index 860dabbf01..9fd0e71982 100644 --- a/packages/extension/src/pages/main/tx-button.tsx +++ b/packages/extension/src/pages/main/tx-button.tsx @@ -17,11 +17,11 @@ import { Dec } from "@keplr-wallet/unit"; import classnames from "classnames"; import send from "../../public/assets/icon/send.png"; -import swap from "../../public/assets/icon/swap.png"; +import reward from "../../public/assets/icon/reward.png"; import stake from "../../public/assets/icon/stake.png"; import activeSend from "../../public/assets/icon/activeSend.png"; -import activeSwap from "../../public/assets/icon/activeSwap.png"; +import activeReward from "../../public/assets/icon/activeReward.png"; import activeStake from "../../public/assets/icon/activeStake.png"; export const TxButtonView: FunctionComponent = observer(() => { @@ -145,11 +145,11 @@ export const TxButtonView: FunctionComponent = observer(() => { }} > diff --git a/packages/extension/src/public/assets/icon/activeReward.png b/packages/extension/src/public/assets/icon/activeReward.png new file mode 100644 index 0000000000000000000000000000000000000000..56d5deef01570b6c1370893a9a7f93d87bb98985 GIT binary patch literal 288 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#t)4E9Ar*{or#A9783?$p_dArft5Nv|?;Ewg zM;x0RZ$7x)tZaB=Ud5Cafw&@-52yc5dmObWmifV~N3D(NUB*|HRCg z!^cnWiSyV-O58tZ>ungDeLQ{whn$vsORGM!~~KKys{ hYPSgfd1pVfJrhm%`fTU_!$1!(c)I$ztaD0e0syFdaL51v literal 0 HcmV?d00001 diff --git a/packages/extension/src/public/assets/icon/reward.png b/packages/extension/src/public/assets/icon/reward.png new file mode 100644 index 0000000000000000000000000000000000000000..5a3fc6569aafcb93bb6cf918f5b9493f42af86b1 GIT binary patch literal 446 zcmV;v0YUzWP)!3R0(e-jn3`aH%!FYy6liB6q9$gUF!D2+PZu5Eu9teDz9>1Gi zZC{`U7Al!(yq3(qI3bmZ9%r)dB_AByfAi3WKpY(CI(2uvtW+OWMzn`>1FmqZ#C>$JWu=Lsjj34&1zeY;#rdcGeRP`J!@+&k=A)JnN)!|Hp6H#(3*)M z#1EnKGIe*I+UTkxY-6h#v~I8=_>}~DpXgM+4$%;qy;0uQFSu_oa8Px# literal 0 HcmV?d00001 diff --git a/packages/extension/src/styles/global.scss b/packages/extension/src/styles/global.scss index d2d559ce51..a3f70ba12f 100644 --- a/packages/extension/src/styles/global.scss +++ b/packages/extension/src/styles/global.scss @@ -1,5 +1,9 @@ @charset "utf-8"; +$theme-colors: ( + "primary": #3b82f6, +); + @import "../../../../node_modules/argon-dashboard-react/src/assets/plugins/nucleo/css/nucleo.css"; $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";