Fix inert type to boolean and apply linter formatting
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
8e73bc6ffb
commit
bf31ae6cfc
5 changed files with 8 additions and 7 deletions
|
|
@ -7,7 +7,7 @@ const meta: Meta<typeof ServerCard> = {
|
||||||
component: ServerCard,
|
component: ServerCard,
|
||||||
args: {
|
args: {
|
||||||
onToggleConnection: fn(),
|
onToggleConnection: fn(),
|
||||||
onSetConnectingServer: fn(),
|
onSetActiveServer: fn(),
|
||||||
onServerInfo: fn(),
|
onServerInfo: fn(),
|
||||||
onSettings: fn(),
|
onSettings: fn(),
|
||||||
onEdit: fn(),
|
onEdit: fn(),
|
||||||
|
|
|
||||||
|
|
@ -115,7 +115,7 @@ export function ServerCard({
|
||||||
padding="lg"
|
padding="lg"
|
||||||
opacity={isDimmed ? 0.4 : 1}
|
opacity={isDimmed ? 0.4 : 1}
|
||||||
style={isDimmed ? { pointerEvents: "none" } : undefined}
|
style={isDimmed ? { pointerEvents: "none" } : undefined}
|
||||||
{...(isDimmed ? { "aria-disabled": true, inert: "" } : {})}
|
{...(isDimmed ? { "aria-disabled": true, inert: true } : {})}
|
||||||
>
|
>
|
||||||
<Stack gap="sm">
|
<Stack gap="sm">
|
||||||
<Group justify="space-between" wrap="wrap">
|
<Group justify="space-between" wrap="wrap">
|
||||||
|
|
|
||||||
|
|
@ -133,7 +133,10 @@ export function ViewHeader(props: ViewHeaderProps) {
|
||||||
</CenterSection>
|
</CenterSection>
|
||||||
|
|
||||||
<RightSection>
|
<RightSection>
|
||||||
<ServerStatusIndicator status={props.status} latencyMs={props.latencyMs} />
|
<ServerStatusIndicator
|
||||||
|
status={props.status}
|
||||||
|
latencyMs={props.latencyMs}
|
||||||
|
/>
|
||||||
<DisconnectButton onClick={props.onDisconnect}>
|
<DisconnectButton onClick={props.onDisconnect}>
|
||||||
Disconnect
|
Disconnect
|
||||||
</DisconnectButton>
|
</DisconnectButton>
|
||||||
|
|
|
||||||
|
|
@ -28,9 +28,7 @@ export function ServerListScreen({
|
||||||
onImportServerJson,
|
onImportServerJson,
|
||||||
}: ServerListScreenProps) {
|
}: ServerListScreenProps) {
|
||||||
const [compact, setCompact] = useState<boolean>(false);
|
const [compact, setCompact] = useState<boolean>(false);
|
||||||
const [activeServer, setActiveServer] = useState<
|
const [activeServer, setActiveServer] = useState<string | undefined>();
|
||||||
string | undefined
|
|
||||||
>();
|
|
||||||
|
|
||||||
function handleToggleList() {
|
function handleToggleList() {
|
||||||
setCompact((prev) => (prev === true ? false : true));
|
setCompact((prev) => (prev === true ? false : true));
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue