Skip to content

Commit

Permalink
fix: styles
Browse files Browse the repository at this point in the history
  • Loading branch information
IsaccoSordo committed Jan 7, 2025
1 parent 011e457 commit 0cfc29f
Show file tree
Hide file tree
Showing 5 changed files with 78 additions and 78 deletions.
10 changes: 5 additions & 5 deletions packages/beacon-ui/src/components/info/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,15 +31,15 @@ const Info: React.FC<InfoProps> = (props: InfoProps) => {
sx={
props.border
? {
borderStyle: 'solid',
borderWidth: 'thin',
borderColor: 'black'
}
borderStyle: 'solid',
borderWidth: 'thin',
borderColor: 'black'
}
: undefined
}
>
{props.icon && <Grid2 container>{props.icon}</Grid2>}
<h3>{props.title}</h3>
<h3 style={{ color: 'black' }}>{props.title}</h3>
{props.description && <span>{props.description}</span>}
{props.data && <pre>{props.data}</pre>}
<Grid2 container>
Expand Down
2 changes: 1 addition & 1 deletion packages/beacon-ui/src/components/qr/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ const QR: React.FC<QRProps> = (props: QRProps) => {
}}
>
<Grid2 container justifyContent={'center'} alignItems={'center'} flexDirection={'column'}>
{!props.isMobile && <h3>Or scan to connect</h3>}
{!props.isMobile && <h3 style={{color: 'black'}}>Or scan to connect</h3>}
{!props.isMobile && (
<span>{`Open ${props.walletName} Wallet on your mobile phone and scan.`}</span>
)}
Expand Down
2 changes: 1 addition & 1 deletion packages/beacon-ui/src/components/toast/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ function parseWallet(
return (
<React.Fragment key={index}>
<img src={walletInfo.icon} alt={`${walletInfo.name} icon`} />
<h3>{walletInfo.name}</h3>
<h3 style={{color: 'black'}}>{walletInfo.name}</h3>
</React.Fragment>
);
} else {
Expand Down
2 changes: 1 addition & 1 deletion packages/beacon-ui/src/components/top-wallets/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ const TopWallets: React.FC<TopWalletsProps> = (props: TopWalletsProps) => {
{props.otherWallets && (
<Grid2 container onClick={props.otherWallets.onClick}>
<Grid2 container>
<h3>Other Wallets</h3>
<h3 style={{color: 'black'}}>Other Wallets</h3>
<p>See other wallets you can use to connect</p>
</Grid2>
<Grid2 container>
Expand Down
140 changes: 70 additions & 70 deletions packages/beacon-ui/src/ui/alert/components/pairing-alert/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
p2pPayload,
postPayload,
wallets,
props.closeButtonCallback ?? (() => {})
props.closeButtonCallback ?? (() => { })
)
const isOnline = navigator.onLine
const walletList = Array.from(wallets.values())
Expand All @@ -57,7 +57,7 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
const description: any = (
<>
<h3 style={{ color: '#FF4136', margin: '0.6px' }}>A network error occurred.</h3>
<h4>
<h4 style={{ color: 'black' }}>
This issue does not concern your wallet or dApp. If the problem persists, please report it
to the Beacon team{' '}
<span
Expand Down Expand Up @@ -95,8 +95,8 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
isMobile={isMobile}
walletName={wallet?.name || 'AirGap'}
code={qrCode ?? ''}
onClickLearnMore={() => {}}
onClickQrCode={() => {}}
onClickLearnMore={() => { }}
onClickQrCode={() => { }}
/>
) : (
generateWCError(`Connect with ${wallet?.name} Mobile`)
Expand All @@ -108,7 +108,7 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
return (
<Alert
loading={isLoading}
onCloseClick={props.closeButtonCallback ?? (() => {})}
onCloseClick={props.closeButtonCallback ?? (() => { })}
open={true}
showMore={showMoreContent}
extraContent={
Expand All @@ -125,9 +125,9 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
onClickShowMore={handleShowMoreContent}
onBackClick={
state === 'install' ||
state === 'qr' ||
(state === 'wallets' && isMobile) ||
state === 'help'
state === 'qr' ||
(state === 'wallets' && isMobile) ||
state === 'help'
? () => handleUpdateState('top-wallets')
: undefined
}
Expand Down Expand Up @@ -165,19 +165,19 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
buttons={
wallet.firefoxId
? [
{
label: 'Use Extension',
type: 'primary',
onClick: () => handleClickConnectExtension()
}
]
{
label: 'Use Extension',
type: 'primary',
onClick: () => handleClickConnectExtension()
}
]
: [
{
label: 'Install extension',
type: 'primary',
onClick: () => handleClickInstallExtension()
}
]
{
label: 'Install extension',
type: 'primary',
onClick: () => handleClickInstallExtension()
}
]
}
/>
)}
Expand Down Expand Up @@ -235,9 +235,9 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
downloadLink={
wallet?.name.toLowerCase().includes('kukai') && isIOS(window)
? {
label: 'Get Kukai Mobile >',
url: 'https://ios.kukai.app'
}
label: 'Get Kukai Mobile >',
url: 'https://ios.kukai.app'
}
: undefined
}
onShowQRCodeClick={async () => {
Expand Down Expand Up @@ -284,7 +284,7 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
{!displayQRExtra ? (
<PairOther
walletList={walletList}
onClickLearnMore={() => {}}
onClickLearnMore={() => { }}
p2pPayload={p2pPayload}
wcPayload={wcPayload}
></PairOther>
Expand All @@ -298,19 +298,19 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
style={
state === 'wallets'
? {
opacity: 1,
height: 'unset',
overflow: 'unset',
transform: 'scale(1)',
transition: 'all ease 0.3s'
}
opacity: 1,
height: 'unset',
overflow: 'unset',
transform: 'scale(1)',
transition: 'all ease 0.3s'
}
: {
opacity: 0,
height: 0,
overflow: 'hidden',
transform: 'scale(1.1)',
transition: 'all ease 0.3s'
}
opacity: 0,
height: 0,
overflow: 'hidden',
transform: 'scale(1.1)',
transition: 'all ease 0.3s'
}
}
>
<Wallets
Expand All @@ -325,29 +325,29 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
style={
state === 'help'
? {
opacity: 1,
height: 'unset',
overflow: 'unset',
transform: 'scale(1)',
transition: 'all ease 0.3s',
display: 'flex',
flexDirection: 'column',
gap: '0.9em'
}
opacity: 1,
height: 'unset',
overflow: 'unset',
transform: 'scale(1)',
transition: 'all ease 0.3s',
display: 'flex',
flexDirection: 'column',
gap: '0.9em'
}
: {
opacity: 0,
height: 0,
overflow: 'hidden',
transform: 'scale(1.1)',
transition: 'all ease 0.3s',
display: 'flex',
flexDirection: 'column',
gap: '0.9em'
}
opacity: 0,
height: 0,
overflow: 'hidden',
transform: 'scale(1.1)',
transition: 'all ease 0.3s',
display: 'flex',
flexDirection: 'column',
gap: '0.9em'
}
}
>
{areMetricsEnabled && (
<BugReportForm onSubmit={props.closeButtonCallback ?? (() => {})} />
<BugReportForm onSubmit={props.closeButtonCallback ?? (() => { })} />
)}
{!areMetricsEnabled && (
<>
Expand Down Expand Up @@ -403,19 +403,19 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
style={
state !== 'install' && state !== 'qr' && state !== 'wallets' && state !== 'help'
? {
opacity: 1,
height: 'unset',
overflow: 'unset',
transform: 'scale(1)',
transition: 'all ease 0.3s'
}
opacity: 1,
height: 'unset',
overflow: 'unset',
transform: 'scale(1)',
transition: 'all ease 0.3s'
}
: {
opacity: 0,
height: 0,
overflow: 'hidden',
transform: 'scale(1.1)',
transition: 'all ease 0.3s'
}
opacity: 0,
height: 0,
overflow: 'hidden',
transform: 'scale(1.1)',
transition: 'all ease 0.3s'
}
}
>
<TopWallets
Expand All @@ -426,9 +426,9 @@ const PairingAlert: React.FC<React.PropsWithChildren<AlertConfig>> = (props) =>
otherWallets={
isMobile
? {
images: [walletList[3].image, walletList[4].image, walletList[5].image],
onClick: () => handleUpdateState('wallets')
}
images: [walletList[3].image, walletList[4].image, walletList[5].image],
onClick: () => handleUpdateState('wallets')
}
: undefined
}
/>
Expand Down

0 comments on commit 0cfc29f

Please sign in to comment.