Skip to content

fix: yoroi drep banner close button styling #3984

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
May 22, 2025
Merged

fix: yoroi drep banner close button styling #3984

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a300dcf
fix: yoroi drep banner close button styling
banklesss May 8, 2025
4d90a52
fix: drep banner close button styling
banklesss May 13, 2025
1a4b19c
Merge branch 'release/5.8.0' into fix/YOEXT-1963
Nebyt May 13, 2025
a7946d6
Merge branch 'release/5.8.0' into fix/YOEXT-1963
Nebyt May 14, 2025
59ce105
Merge branch 'release/5.8.0' into fix/YOEXT-1963
banklesss May 14, 2025
feacea3
Merge branch 'release/5.8.0' into fix/YOEXT-1963
vsubhuman May 22, 2025
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
4 changes: 3 additions & 1 deletion packages/yoroi-extension/app/UI/components/DrepPromotionBanner/DrepPromotionBanner.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { Button, Stack, Typography, styled } from '@mui/material';
import { Button, Stack, Typography, styled, useTheme } from '@mui/material';
import BigNumber from 'bignumber.js';
import { observer } from 'mobx-react';
import React, { useCallback, useEffect, useMemo, useState } from 'react';
Expand Down Expand Up @@ -55,6 +55,7 @@ const useDrepBannerVisibility = (balance: BigNumber, selectedWalletId: number) =

export const DrepPromotionBanner = observer(({ stores, intl }) => {
const selectedWallet = stores.wallets.selectedOrFail;
const theme: any = useTheme();

if (selectedWallet.isTestnet) {
return null;
Expand Down Expand Up @@ -100,6 +101,7 @@ export const DrepPromotionBanner = observer(({ stores, intl }) => {
<IconWrapper
onClick={dismissBanner}
icon={Icons.CloseCircleIcon}
iconProps={{fill: theme.palette.ds.el_gray_max}}
color="ds.el_gray_max"
borderColor="ds.el_gray_max"
asButton
Expand Down
6 changes: 3 additions & 3 deletions packages/yoroi-extension/app/UI/components/icons/CloseCircleIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
import React from 'react';

export const CloseCircleIcon = () => {
export const CloseCircleIcon = (props: React.SVGProps<SVGSVGElement>) => {
return (
<svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.7071 6.29289C14.0976 6.68342 14.0976 7.31658 13.7071 7.70711L11.4142 10L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L10 11.4142L7.70711 13.7071C7.31658 14.0976 6.68342 14.0976 6.29289 13.7071C5.90237 13.3166 5.90237 12.6834 6.29289 12.2929L8.58579 10L6.29289 7.70711C5.90237 7.31658 5.90237 6.68342 6.29289 6.29289C6.68342 5.90237 7.31658 5.90237 7.70711 6.29289L10 8.58579L12.2929 6.29289C12.6834 5.90237 13.3166 5.90237 13.7071 6.29289Z"
fill="black"
fill={props.fill || "black"}
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2Z"
fill="black"
fill={props.fill || "black"}
/>
</svg>
);
Expand Down