fix: invite modal QR toggle — replace {} icon with "QR Code" button label
CI / Build & Quality Checks (push) Successful in 10m21s
CI / Build & Quality Checks (push) Successful in 10m21s
Icons.BlockCode is the {} curly-braces icon, which is unintuitive for a
QR code toggle. No QR-specific icon exists in folds, so replace the
IconButton with a labeled Button ("QR Code") that clearly communicates
its purpose. Also fix var(--bg-surface-border) → color.Surface.ContainerLine
in the QR panel border (the CSS variable doesn't exist in Cinny's theme).
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -207,17 +207,17 @@ export function InviteUserPrompt({ room, requestClose }: InviteUserProps) {
|
|||||||
>
|
>
|
||||||
<Text size="B300">{linkCopied ? 'Copied!' : 'Copy Link'}</Text>
|
<Text size="B300">{linkCopied ? 'Copied!' : 'Copy Link'}</Text>
|
||||||
</Button>
|
</Button>
|
||||||
<IconButton
|
<Button
|
||||||
size="300"
|
size="300"
|
||||||
radii="300"
|
radii="300"
|
||||||
variant={showQr ? 'Primary' : 'Surface'}
|
variant={showQr ? 'Primary' : 'Secondary'}
|
||||||
fill={showQr ? 'Soft' : 'None'}
|
fill={showQr ? 'Soft' : 'None'}
|
||||||
aria-label="Show QR code"
|
aria-label="Toggle QR code"
|
||||||
aria-pressed={showQr}
|
aria-pressed={showQr}
|
||||||
onClick={() => setShowQr((v) => !v)}
|
onClick={() => setShowQr((v) => !v)}
|
||||||
>
|
>
|
||||||
<Icon src={Icons.BlockCode} size="100" />
|
<Text size="B300">QR Code</Text>
|
||||||
</IconButton>
|
</Button>
|
||||||
<IconButton size="300" radii="300" onClick={requestClose} aria-label="Close">
|
<IconButton size="300" radii="300" onClick={requestClose} aria-label="Close">
|
||||||
<Icon src={Icons.Cross} />
|
<Icon src={Icons.Cross} />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
@@ -230,7 +230,7 @@ export function InviteUserPrompt({ room, requestClose }: InviteUserProps) {
|
|||||||
gap="200"
|
gap="200"
|
||||||
style={{
|
style={{
|
||||||
padding: config.space.S300,
|
padding: config.space.S300,
|
||||||
borderBottom: `1px solid var(--bg-surface-border)`,
|
borderBottom: `1px solid ${color.Surface.ContainerLine}`,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
|
|||||||
Reference in New Issue
Block a user