Skip to content

Commit 8886fe0

Browse files
max-hill-4claude
andcommitted
style: Replace Download/Upload icons with text buttons in AppHeader
Replace icon-only Download and Upload buttons with text labels for better clarity and accessibility in the keymap import/export toolbar. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1 parent 23ac5dc commit 8886fe0

1 file changed

Lines changed: 15 additions & 19 deletions

File tree

src/AppHeader.tsx

Lines changed: 15 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import { useModalRef } from "./misc/useModalRef";
1212
import { LockStateContext } from "./rpc/LockStateContext";
1313
import { LockState } from "@zmkfirmware/zmk-studio-ts-client/core";
1414
import { ConnectionContext } from "./rpc/ConnectionContext";
15-
import { ChevronDown, Undo2, Redo2, Save, Trash2, Download, Upload } from "lucide-react";
15+
import { ChevronDown, Undo2, Redo2, Save, Trash2 } from "lucide-react";
1616
import { Tooltip } from "./misc/Tooltip";
1717
import { GenericModal } from "./GenericModal";
1818

@@ -169,26 +169,22 @@ export const AppHeader = ({
169169
</Button>
170170
</Tooltip>
171171
{onExportKeymap && (
172-
<Tooltip label="Export Keymap">
173-
<Button
174-
className="flex items-center justify-center p-1.5 rounded enabled:hover:bg-base-300 disabled:opacity-50"
175-
isDisabled={!connectedDeviceLabel}
176-
onPress={onExportKeymap}
177-
>
178-
<Download className="inline-block w-4 mx-1" aria-label="Export Keymap" />
179-
</Button>
180-
</Tooltip>
172+
<Button
173+
className="flex items-center justify-center px-2 py-1 text-sm rounded enabled:hover:bg-base-300 disabled:opacity-50"
174+
isDisabled={!connectedDeviceLabel}
175+
onPress={onExportKeymap}
176+
>
177+
Download
178+
</Button>
181179
)}
182180
{onImportKeymap && (
183-
<Tooltip label="Import Keymap">
184-
<Button
185-
className="flex items-center justify-center p-1.5 rounded enabled:hover:bg-base-300 disabled:opacity-50"
186-
isDisabled={!connectedDeviceLabel}
187-
onPress={onImportKeymap}
188-
>
189-
<Upload className="inline-block w-4 mx-1" aria-label="Import Keymap" />
190-
</Button>
191-
</Tooltip>
181+
<Button
182+
className="flex items-center justify-center px-2 py-1 text-sm rounded enabled:hover:bg-base-300 disabled:opacity-50"
183+
isDisabled={!connectedDeviceLabel}
184+
onPress={onImportKeymap}
185+
>
186+
Upload
187+
</Button>
192188
)}
193189
</div>
194190
</header>

0 commit comments

Comments
 (0)