Skip to content

Commit 1676d72

Browse files
niemyjskiniemyjski
committed
next: switch to lucide icons
1 parent cd4f479 commit 1676d72

File tree

51 files changed

+188
-195
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+188
-195
lines changed

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/extended-data-item.svelte

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
import ObjectDump from '$comp/object-dump.svelte';
44
import { Code, H4 } from '$comp/typography';
55
import { Button } from '$comp/ui/button';
6-
import IconArrowDown from '~icons/mdi/arrow-down';
7-
import IconArrowUp from '~icons/mdi/arrow-up';
6+
import ArrowDown from 'lucide-svelte/icons/arrow-down';
7+
import ArrowUp from 'lucide-svelte/icons/arrow-up';
88
99
interface Props {
1010
canPromote?: boolean;
@@ -70,11 +70,11 @@
7070
{#if canPromote}
7171
{#if !isPromoted}
7272
<Button onclick={async () => await promote(title)} size="icon" title="Promote to Tab"
73-
><IconArrowUp /><span class="sr-only">Promote to Tab</span></Button
73+
><ArrowUp /><span class="sr-only">Promote to Tab</span></Button
7474
>
7575
{:else}
7676
<Button onclick={async () => await demote(title)} size="icon" title="Demote Tab"
77-
><IconArrowDown /><span class="sr-only">Demote Tab</span></Button
77+
><ArrowDown /><span class="sr-only">Demote Tab</span></Button
7878
>
7979
{/if}
8080
{/if}

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/event-error-summary.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
22
import { A, Muted } from '$comp/typography';
3-
import IconChevronRight from '~icons/mdi/chevron-right';
3+
import ChevronRight from 'lucide-svelte/icons/chevron-right';
44
55
import type { EventSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
66
@@ -35,7 +35,7 @@
3535

3636
{#if source.data.Path}
3737
<Muted class="ml-6 hidden sm:block">
38-
<IconChevronRight class="inline" />
38+
<ChevronRight class="inline" />
3939
<span class="line-clamp-1 inline">{source.data.Path}</span>
4040
</Muted>
4141
{/if}

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/event-simple-summary.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
22
import { A, Muted } from '$comp/typography';
3-
import IconChevronRight from '~icons/mdi/chevron-right';
3+
import ChevronRight from 'lucide-svelte/icons/chevron-right';
44
55
import type { EventSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
66
@@ -19,7 +19,7 @@
1919

2020
{#if source.data.Path}
2121
<Muted class="ml-6 hidden sm:block">
22-
<IconChevronRight class="inline" />
22+
<ChevronRight class="inline" />
2323
<span class="line-clamp-1 inline">{source.data.Path}</span>
2424
</Muted>
2525
{/if}

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-error-summary.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script lang="ts">
22
import { A, Muted } from '$comp/typography';
33
import { Badge } from '$comp/ui/badge';
4-
import IconChevronRight from '~icons/mdi/chevron-right';
4+
import ChevronRight from 'lucide-svelte/icons/chevron-right';
55
66
import type { StackSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
77
@@ -43,7 +43,7 @@
4343

4444
{#if source.data.Path}
4545
<Muted class="ml-6 hidden sm:block">
46-
<IconChevronRight class="inline" />
46+
<ChevronRight class="inline" />
4747
<span class="line-clamp-1 inline">{source.data.Path}</span>
4848
</Muted>
4949
{/if}

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/summary/stack-simple-summary.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script lang="ts">
22
import { A, Muted } from '$comp/typography';
33
import { Badge } from '$comp/ui/badge';
4-
import IconChevronRight from '~icons/mdi/chevron-right';
4+
import ChevronRight from 'lucide-svelte/icons/chevron-right';
55
66
import type { StackSummaryModel, SummaryModel, SummaryTemplateKeys } from './index';
77
@@ -31,7 +31,7 @@
3131

3232
{#if source.data.Path}
3333
<Muted class="ml-6 hidden sm:block">
34-
<IconChevronRight class="inline" />
34+
<ChevronRight class="inline" />
3535
<span class="line-clamp-1 inline">{source.data.Path}</span>
3636
</Muted>
3737
{/if}

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/table/events-bulk-actions-dropdown-menu.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77
import * as DropdownMenu from '$comp/ui/dropdown-menu';
88
import { deleteEvent } from '$features/events/api.svelte';
99
import { type Table as SvelteTable } from '@tanstack/svelte-table';
10+
import ChevronDown from 'lucide-svelte/icons/chevron-down';
1011
import { toast } from 'svelte-sonner';
11-
import ChevronDown from '~icons/mdi/chevron-down';
1212
1313
import RemoveEventDialog from '../dialogs/remove-event-dialog.svelte';
1414

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/views/Overview.svelte

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,9 @@
2424
getStackTrace,
2525
hasErrorOrSimpleError
2626
} from '$features/events/persistent-event';
27-
import IconEmail from '~icons/mdi/email';
28-
import IconFilter from '~icons/mdi/filter';
29-
import IconOpenInNew from '~icons/mdi/open-in-new';
27+
import ExternalLink from 'lucide-svelte/icons/external-link';
28+
import Filter from 'lucide-svelte/icons/filter';
29+
import Email from 'lucide-svelte/icons/mail';
3030
3131
import type { PersistentEvent } from '../../models/index';
3232
@@ -198,7 +198,7 @@
198198
{#each event.tags as tag (tag)}
199199
<Badge color="dark"
200200
><ClickableStringFilter {changed} class="mr-1" term="tag" value={tag}
201-
><IconFilter class="text-muted-foreground text-opacity-80 hover:text-secondary" /></ClickableStringFilter
201+
><Filter class="text-muted-foreground text-opacity-80 hover:text-secondary" /></ClickableStringFilter
202202
>{tag}</Badge
203203
>
204204
{/each}
@@ -213,7 +213,7 @@
213213
>
214214
<Table.Cell class="flex items-center gap-x-1"
215215
>{requestUrl}<Button href={requestUrl} rel="noopener noreferrer" size="sm" target="_blank" title="Open in new window" variant="ghost"
216-
><IconOpenInNew /></Button
216+
><ExternalLink /></Button
217217
></Table.Cell
218218
>
219219
</Table.Row>
@@ -231,9 +231,7 @@
231231
<Table.Cell class="w-4 pr-0 opacity-0 group-hover:opacity-100"
232232
><ClickableStringFilter {changed} term="user.email" value={userEmail} /></Table.Cell
233233
>
234-
<Table.Cell class="flex items-center"
235-
>{userEmail}<A href="mailto:{userEmail}" title="Send email to {userEmail}"><IconEmail /></A></Table.Cell
236-
>
234+
<Table.Cell class="flex items-center">{userEmail}<A href="mailto:{userEmail}" title="Send email to {userEmail}"><Email /></A></Table.Cell>
237235
</Table.Row>
238236
{/if}
239237
{#if userIdentity}

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/views/Request.svelte

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
import { Button } from '$comp/ui/button';
77
import * as Table from '$comp/ui/table';
88
import { getRequestInfoPath, getRequestInfoUrl } from '$features/events/persistent-event';
9-
import IconOpenInNew from '~icons/mdi/open-in-new';
9+
import ExternalLink from 'lucide-svelte/icons/external-link';
1010
1111
import type { PersistentEvent } from '../../models/index';
1212
@@ -64,7 +64,7 @@
6464
>
6565
<Table.Cell class="flex items-center gap-x-1"
6666
>{requestUrl}<Button href={requestUrl} rel="noopener noreferrer" size="sm" target="_blank" title="Open in new window" variant="ghost"
67-
><IconOpenInNew /></Button
67+
><ExternalLink /></Button
6868
></Table.Cell
6969
>
7070
</Table.Row>
@@ -88,7 +88,7 @@
8888
size="sm"
8989
target="_blank"
9090
title="Open in new window"
91-
variant="ghost"><IconOpenInNew /></Button
91+
variant="ghost"><ExternalLink /></Button
9292
></Table.Cell
9393
>
9494
</Table.Row>

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/views/overview.svelte

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,9 @@
2424
getStackTrace,
2525
hasErrorOrSimpleError
2626
} from '$features/events/persistent-event';
27-
import IconEmail from '~icons/mdi/email';
28-
import IconFilter from '~icons/mdi/filter';
29-
import IconOpenInNew from '~icons/mdi/open-in-new';
27+
import ExternalLink from 'lucide-svelte/icons/external-link';
28+
import Filter from 'lucide-svelte/icons/filter';
29+
import Email from 'lucide-svelte/icons/mail';
3030
3131
import type { PersistentEvent } from '../../models/index';
3232
@@ -198,7 +198,7 @@
198198
{#each event.tags as tag (tag)}
199199
<Badge color="dark"
200200
><ClickableStringFilter {changed} class="mr-1" term="tag" value={tag}
201-
><IconFilter class="text-muted-foreground text-opacity-80 hover:text-secondary" /></ClickableStringFilter
201+
><Filter class="text-muted-foreground text-opacity-80 hover:text-secondary" /></ClickableStringFilter
202202
>{tag}</Badge
203203
>
204204
{/each}
@@ -213,7 +213,7 @@
213213
>
214214
<Table.Cell class="flex items-center gap-x-1"
215215
>{requestUrl}<Button href={requestUrl} rel="noopener noreferrer" size="sm" target="_blank" title="Open in new window" variant="ghost"
216-
><IconOpenInNew /></Button
216+
><ExternalLink /></Button
217217
></Table.Cell
218218
>
219219
</Table.Row>
@@ -231,9 +231,7 @@
231231
<Table.Cell class="w-4 pr-0 opacity-0 group-hover:opacity-100"
232232
><ClickableStringFilter {changed} term="user.email" value={userEmail} /></Table.Cell
233233
>
234-
<Table.Cell class="flex items-center"
235-
>{userEmail}<A href="mailto:{userEmail}" title="Send email to {userEmail}"><IconEmail /></A></Table.Cell
236-
>
234+
<Table.Cell class="flex items-center">{userEmail}<A href="mailto:{userEmail}" title="Send email to {userEmail}"><Email /></A></Table.Cell>
237235
</Table.Row>
238236
{/if}
239237
{#if userIdentity}

‎src/Exceptionless.Web/ClientApp/src/lib/features/events/components/views/request.svelte

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
import { Button } from '$comp/ui/button';
77
import * as Table from '$comp/ui/table';
88
import { getRequestInfoPath, getRequestInfoUrl } from '$features/events/persistent-event';
9-
import IconOpenInNew from '~icons/mdi/open-in-new';
9+
import ExternalLink from 'lucide-svelte/icons/external-link';
1010
1111
import type { PersistentEvent } from '../../models/index';
1212
@@ -64,7 +64,7 @@
6464
>
6565
<Table.Cell class="flex items-center gap-x-1"
6666
>{requestUrl}<Button href={requestUrl} rel="noopener noreferrer" size="sm" target="_blank" title="Open in new window" variant="ghost"
67-
><IconOpenInNew /></Button
67+
><ExternalLink /></Button
6868
></Table.Cell
6969
>
7070
</Table.Row>
@@ -88,7 +88,7 @@
8888
size="sm"
8989
target="_blank"
9090
title="Open in new window"
91-
variant="ghost"><IconOpenInNew /></Button
91+
variant="ghost"><ExternalLink /></Button
9292
></Table.Cell
9393
>
9494
</Table.Row>

‎src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/copy-to-clipboard-button.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
import type { VariantProps } from 'tailwind-variants';
44
55
import { Button, type ButtonProps, type buttonVariants } from '$comp/ui/button';
6+
import ClipboardCopy from 'lucide-svelte/icons/clipboard-copy';
67
import { toast } from 'svelte-sonner';
7-
import IconContentCopy from '~icons/mdi/content-copy';
88
99
type Props = ButtonProps & {
1010
children?: Snippet;
@@ -29,7 +29,7 @@
2929
{#if children}
3030
{@render children()}
3131
{:else}
32-
<IconContentCopy class="size-4" />
32+
<ClipboardCopy class="size-4" />
3333
{/if}
3434
</Button>
3535
</div>

‎src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/dark-mode-button.svelte

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<script lang="ts">
22
import { Button } from '$comp/ui/button';
33
import * as ContextMenu from '$comp/ui/context-menu';
4+
import Moon from 'lucide-svelte/icons/moon';
5+
import Sun from 'lucide-svelte/icons/sun';
46
import { setMode, toggleMode, userPrefersMode } from 'mode-watcher';
5-
import IconMoonWaningCrescent from '~icons/mdi/moon-waning-crescent';
6-
import IconWhiteBalanceSunny from '~icons/mdi/white-balance-sunny';
77
88
function onUserThemePreferenceChange(mode?: string) {
99
setMode(mode as 'dark' | 'light' | 'system');
@@ -13,8 +13,8 @@
1313
<ContextMenu.Root>
1414
<ContextMenu.Trigger>
1515
<Button onclick={toggleMode} size="icon" title="Toggle dark mode" variant="outline">
16-
<IconWhiteBalanceSunny class="rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
17-
<IconMoonWaningCrescent class="absolute ml-1 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
16+
<Sun class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
17+
<Moon class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
1818
<span class="sr-only">Toggle theme</span>
1919
</Button>
2020
</ContextMenu.Trigger>

‎src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/data-table/data-table-column-header.svelte

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@
99
import { Button } from '$comp/ui/button';
1010
import * as DropdownMenu from '$comp/ui/dropdown-menu';
1111
import { cn } from '$lib/utils';
12-
import IconArrowDownward from '~icons/mdi/arrow-downward';
13-
import IconArrowUpward from '~icons/mdi/arrow-upward';
14-
import IconEyeOff from '~icons/mdi/eye-off-outline';
15-
import IconUnfoldMore from '~icons/mdi/unfold-more-horizontal';
12+
import ArrowDown from 'lucide-svelte/icons/arrow-down';
13+
import ArrowUp from 'lucide-svelte/icons/arrow-up';
14+
import ChevronsUpDown from 'lucide-svelte/icons/chevrons-up-down';
15+
import EyeOff from 'lucide-svelte/icons/eye-off';
1616
1717
type Props = HTMLAttributes<HTMLDivElement> & {
1818
column: Column<TData, unknown>;
@@ -31,25 +31,23 @@
3131
{@render children()}
3232
{/if}
3333
{#if column.getIsSorted() === 'desc'}
34-
<IconArrowDownward />
34+
<ArrowDown />
3535
{:else if column.getIsSorted() === 'asc'}
36-
<IconArrowUpward />
36+
<ArrowUp />
3737
{:else}
38-
<IconUnfoldMore />
38+
<ChevronsUpDown />
3939
{/if}
4040
</Button>
4141
{/snippet}
4242
</DropdownMenu.Trigger>
4343
<DropdownMenu.Content align="start">
44-
<DropdownMenu.Item onclick={() => column.toggleSorting(false)}
45-
><IconArrowUpward class="mr-2 size-3.5 text-muted-foreground/70" />Asc</DropdownMenu.Item
46-
>
44+
<DropdownMenu.Item onclick={() => column.toggleSorting(false)}><ArrowUp class="mr-2 size-3.5 text-muted-foreground/70" />Asc</DropdownMenu.Item>
4745
<DropdownMenu.Item onclick={() => column.toggleSorting(true)}
48-
><IconArrowDownward class="mr-2 size-3.5 text-muted-foreground/70" />Desc</DropdownMenu.Item
46+
><ArrowDown class="mr-2 size-3.5 text-muted-foreground/70" />Desc</DropdownMenu.Item
4947
>
5048
<DropdownMenu.Separator />
5149
<DropdownMenu.Item onclick={() => column.toggleVisibility(false)}
52-
><IconEyeOff class="mr-2 size-3.5 text-muted-foreground/70" />Hide</DropdownMenu.Item
50+
><EyeOff class="mr-2 size-3.5 text-muted-foreground/70" />Hide</DropdownMenu.Item
5351
>
5452
</DropdownMenu.Content>
5553
</DropdownMenu.Root>

‎src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/data-table/data-table-pagination.svelte

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
import type { Table } from '@tanstack/svelte-table';
77
88
import { Button } from '$comp/ui/button';
9-
import IconChevronDoubleLeft from '~icons/mdi/chevron-double-left';
10-
import IconChevronLeft from '~icons/mdi/chevron-left';
11-
import IconChevronRight from '~icons/mdi/chevron-right';
9+
import ChevronLeft from 'lucide-svelte/icons/chevron-left';
10+
import ChevronRight from 'lucide-svelte/icons/chevron-right';
11+
import ChevronDoubleLeft from 'lucide-svelte/icons/chevrons-left';
1212
1313
interface Props {
1414
table: Table<TData>;
@@ -21,15 +21,15 @@
2121
{#if table.getState().pagination.pageIndex > 1}
2222
<Button class="hidden size-8 p-0 lg:flex" onclick={() => table.resetPageIndex(true)} variant="outline">
2323
<span class="sr-only">Go to first page</span>
24-
<IconChevronDoubleLeft class="size-4" />
24+
<ChevronDoubleLeft class="size-4" />
2525
</Button>
2626
{/if}
2727
<Button class="size-8 p-0" disabled={!table.getCanPreviousPage()} onclick={() => table.previousPage()} variant="outline">
2828
<span class="sr-only">Go to previous page</span>
29-
<IconChevronLeft class="size-4" />
29+
<ChevronLeft class="size-4" />
3030
</Button>
3131
<Button class="size-8 p-0" disabled={!table.getCanNextPage()} onclick={() => table.nextPage()} variant="outline">
3232
<span class="sr-only">Go to next page</span>
33-
<IconChevronRight class="size-4" />
33+
<ChevronRight class="size-4" />
3434
</Button>
3535
</div>

‎src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/data-table/data-table-view-options.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
88
import { Button } from '$comp/ui/button';
99
import * as DropdownMenu from '$comp/ui/dropdown-menu';
10-
import IconViewColumn from '~icons/mdi/view-column';
10+
import ViewColumn from 'lucide-svelte/icons/columns-3';
1111
1212
interface Props {
1313
table: Table<TData>;
@@ -19,7 +19,7 @@
1919
<DropdownMenu.Root>
2020
<DropdownMenu.Trigger>
2121
<Button class="ml-auto hidden h-8 lg:flex" size="sm" variant="outline">
22-
<IconViewColumn class="mr-2 size-4" />
22+
<ViewColumn class="mr-2 size-4" />
2323
View
2424
</Button>
2525
</DropdownMenu.Trigger>

0 commit comments

Comments
 (0)