| author |  Utkarsh Patil <73941998+UtkarshUsername@users.noreply.github.com> 2026-08-10 15:48:54+05:30 |
| committer |  GitHub <noreply@github.com> 2026-08-10 15:48:54+05:30 |
| log | fbcae59ef57f28cc51956ca47c0838298b24e79c |
| tree | 68d6e0b13e03f630807fbaec0e126e679146e385 |
| parent | 9821bca1ceb97f137a9d93f1080fe1954b6641d3 |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(web): use import/export-appropriate icons for theme buttons (#5964)
2 files changed, 4 insertions(+), 4 deletions(-)
apps
web
src
components
apps/web/src/components/settings/ThemeImportDialog.tsx+2-2
| ... | @@ -1,4 +1,4 @@ | ... | @@ -1,4 +1,4 @@ |
| 1 | import { PlusIcon, UploadIcon } from "lucide-react"; | 1 | import { DownloadIcon, PlusIcon } from "lucide-react"; |
| 2 | import type { ChangeEvent, DragEvent, UIEvent } from "react"; | 2 | import type { ChangeEvent, DragEvent, UIEvent } from "react"; |
| 3 | import { useCallback, useEffect, useMemo, useRef, useState } from "react"; | 3 | import { useCallback, useEffect, useMemo, useRef, useState } from "react"; |
| 4 | import { cn } from "../../lib/utils"; | 4 | import { cn } from "../../lib/utils"; |
| ... | @@ -456,7 +456,7 @@ export function ThemeImportDialog({ | ... | @@ -456,7 +456,7 @@ export function ThemeImportDialog({ |
| 456 | ); | 456 | ); |
| 457 | const chooseButton = (label = "Choose files") => ( | 457 | const chooseButton = (label = "Choose files") => ( |
| 458 | <Button disabled={isReading} size="sm" variant="outline" onClick={openFilePicker}> | 458 | <Button disabled={isReading} size="sm" variant="outline" onClick={openFilePicker}> |
| 459 | <UploadIcon /> | 459 | <DownloadIcon /> |
| 460 | {isReading ? "Reading…" : label} | 460 | {isReading ? "Reading…" : label} |
| 461 | </Button> | 461 | </Button> |
| 462 | ); | 462 | ); |
apps/web/src/components/settings/ThemeSettings.tsx+2-2
| ... | @@ -183,7 +183,7 @@ function ThemeLibraryCard({ | ... | @@ -183,7 +183,7 @@ function ThemeLibraryCard({ |
| 183 | onDownload(); | 183 | onDownload(); |
| 184 | }} | 184 | }} |
| 185 | > | 185 | > |
| 186 | <DownloadIcon /> | 186 | <UploadIcon /> |
| 187 | </Button> | 187 | </Button> |
| 188 | } | 188 | } |
| 189 | /> | 189 | /> |
| ... | @@ -570,7 +570,7 @@ export function ThemeLibrary({ | ... | @@ -570,7 +570,7 @@ export function ThemeLibrary({ |
| 570 | Create theme | 570 | Create theme |
| 571 | </Button> | 571 | </Button> |
| 572 | <Button size="xs" variant="outline" onClick={() => onImportOpenChange(true)}> | 572 | <Button size="xs" variant="outline" onClick={() => onImportOpenChange(true)}> |
| 573 | <UploadIcon /> | 573 | <DownloadIcon /> |
| 574 | Import theme | 574 | Import theme |
| 575 | </Button> | 575 | </Button> |
| 576 | </div> | 576 | </div> |