diff --git a/src/assets/svgs/arrow-back-white.svg b/src/assets/svgs/arrow-back-white.svg index 7006d31..565bcf2 100644 --- a/src/assets/svgs/arrow-back-white.svg +++ b/src/assets/svgs/arrow-back-white.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/svgs/logo.svg b/src/assets/svgs/logo.svg new file mode 100644 index 0000000..87687a2 --- /dev/null +++ b/src/assets/svgs/logo.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/loginView.tsx b/src/components/loginView.tsx index f9ff50a..3a979f0 100644 --- a/src/components/loginView.tsx +++ b/src/components/loginView.tsx @@ -19,11 +19,11 @@ const CustomConnectButton = () => { // Not connected if (!account || !chain) { return ( - + ); } @@ -85,7 +85,7 @@ const LoginView: React.FC = () => { loading={isDummyWalletConnecting} className="btn-primary-gradient-aqua-lg !w-fit px-14 group" > - Sign In / Connect Wallet + Connect Wallet = ({ variable, isClicked, onClick }) => { viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" - className={`duration-700 stroke-gray-600 group-hover:stroke-white ease-in-out ${isClicked ? 'scale-y-[-1]' : ''}`} + className={`duration-700 stroke-gray1 group-hover:stroke-white ease-in-out ${isClicked ? 'scale-y-[-1]' : ''}`} > {
{ )}
- + APR {stakingPoolForView!.stakingPool.data ? ( diff --git a/src/components/stakingPoolCard.tsx b/src/components/stakingPoolCard.tsx index 8d645eb..c45ca86 100644 --- a/src/components/stakingPoolCard.tsx +++ b/src/components/stakingPoolCard.tsx @@ -22,7 +22,7 @@ const StakingPoolCard: React.FC = ({ className={`${ isStakingPoolSelected ? 'gradient-bottom-border ' - : 'border-b-[1.5px] border-black2 rounded-10 gradient-bottom-border-hover bg-black3' + : 'border-b-[1.5px] border-black2 rounded-10 gradient-bottom-border-hover bg-black1' } ${isStakingPoolSelected && 'bg-black'} hover:cursor-pointer`} onClick={onClick} > @@ -43,7 +43,7 @@ const StakingPoolCard: React.FC = ({
-

+

{stakingPoolData.definition.name}

@@ -112,7 +112,7 @@ const StakingPoolCard: React.FC = ({
- + APR @@ -137,7 +137,7 @@ const StakingPoolCard: React.FC = ({ )}`} ) : ( - - {stakingPoolData.definition.tokenSymbol} + - {stakingPoolData.definition.tokenSymbol} )}
diff --git a/src/components/stakingPoolDetailsView.tsx b/src/components/stakingPoolDetailsView.tsx index 3273991..0f318c0 100644 --- a/src/components/stakingPoolDetailsView.tsx +++ b/src/components/stakingPoolDetailsView.tsx @@ -57,7 +57,7 @@ const StakingPoolDetailsView: React.FC< ) : (
)} -
+
{title}
@@ -108,11 +108,12 @@ const StakingPoolDetailsView: React.FC< return (
- + {stakingPoolData.definition.name} @@ -208,8 +209,8 @@ const StakingPoolDetailsView: React.FC< key={pane} className={`body1 lg:base text-center py-7 cursor-pointer border-solid border-b ${ selectedPane === pane - ? 'text-white2 border-gradient-1' - : 'text-gray2 border-black2' + ? 'text-white1 border-gradient-1' + : 'text-gray1 border-black2' } `} onClick={() => setSelectedPane(pane)} > diff --git a/src/components/stakingPoolsList.tsx b/src/components/stakingPoolsList.tsx index b03fba0..934d179 100644 --- a/src/components/stakingPoolsList.tsx +++ b/src/components/stakingPoolsList.tsx @@ -50,7 +50,7 @@ const StakingPoolsList: React.FC = () => { return ( <> -
+
Liquid Validators
@@ -73,7 +73,7 @@ const StakingPoolsList: React.FC = () => {
+ scrollbar-thin scrollbar-thumb-gray1 scrollbar-track-gray1 hover:scrollbar-thumb-gray1 pb-20 pr-4"> {sortedStakingPoolsData.map(({ stakingPool, userData }) => ( {
{
- + APR {stakingPoolForView!.stakingPool.data ? ( diff --git a/src/components/withdrawUnstakedZilPanel.tsx b/src/components/withdrawUnstakedZilPanel.tsx index 29a5e6f..00c49d8 100644 --- a/src/components/withdrawUnstakedZilPanel.tsx +++ b/src/components/withdrawUnstakedZilPanel.tsx @@ -63,7 +63,7 @@ const WithdrawZilPanel: React.FC = ({
-
+
{stakingPoolData.data ? (
@@ -92,9 +92,9 @@ const WithdrawZilPanel: React.FC = ({ )) ) : !!pendingUnstake?.length ? (
-
+
Next available reward
-
+
{stakingPoolData.data ? (
@@ -112,7 +112,7 @@ const WithdrawZilPanel: React.FC = ({
) : ( -
+
No available Claims
)} @@ -127,7 +127,7 @@ const WithdrawZilPanel: React.FC = ({
{stakingPoolData.data ? (
-
+
{parseFloat( formatUnits(claim.zilAmount, 18) ).toFixed(3)}{' '} @@ -137,7 +137,7 @@ const WithdrawZilPanel: React.FC = ({ ) : (
)} -
{getHumanFormDuration(claim.availableAt)}
+
{getHumanFormDuration(claim.availableAt)}
))}
diff --git a/src/components/withdrawZilView.tsx b/src/components/withdrawZilView.tsx index 2be2c56..fd7ab1a 100644 --- a/src/components/withdrawZilView.tsx +++ b/src/components/withdrawZilView.tsx @@ -23,7 +23,7 @@ const WithdrawZilView: React.FC = () => { return (

@@ -39,7 +39,9 @@ const WithdrawZilView: React.FC = () => { unstakingItems.length > 0 ? (
+ scrollbar-thin scrollbar-thumb-gray1 scrollbar-track-gray1 hover:scrollbar-thumb-gray1 lg:pb-10 + pr-4 + "> { unstakingItems.map((item, claimIdx) => (
{