From 70a1175af68427871b5f8fd74b3c2c37fd3bc2ce Mon Sep 17 00:00:00 2001 From: Blake Niemyjski Date: Wed, 8 Oct 2025 21:17:35 -0500 Subject: [PATCH 01/41] Replaces loading component with spinner Replaces the custom loading component with the new spinner component. This change ensures consistent styling and improves maintainability by utilizing the new UI spinner component across the application. --- .../faceted-filter-badge-loading.svelte | 4 +- .../faceted-filter-drop-down.svelte | 4 +- .../faceted-filter-multi-select.svelte | 4 +- .../features/shared/components/loading.svelte | 39 ------------------- .../shared/components/ui/spinner/index.ts | 1 + .../components/ui/spinner/spinner.svelte | 16 ++++++++ .../(app)/account/security/+page.svelte | 4 +- .../[organizationId]/manage/+page.svelte | 4 +- .../(app)/organization/add/+page.svelte | 4 +- .../project/[projectId]/manage/+page.svelte | 6 +-- .../src/routes/(app)/project/add/+page.svelte | 4 +- .../src/routes/(auth)/login/+page.svelte | 4 +- .../src/routes/(auth)/logout/+page.svelte | 4 +- .../ClientApp/src/routes/status/+page.svelte | 4 +- 14 files changed, 40 insertions(+), 62 deletions(-) delete mode 100644 src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/loading.svelte create mode 100644 src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/spinner/index.ts create mode 100644 src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/spinner/spinner.svelte diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-loading.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-loading.svelte index 25fdcc2ec..666ca76d4 100644 --- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-loading.svelte +++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-badge-loading.svelte @@ -1,8 +1,8 @@ - Loading + Loading diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-drop-down.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-drop-down.svelte index 5add93f5f..2ade01827 100644 --- a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-drop-down.svelte +++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/faceted-filter/faceted-filter-drop-down.svelte @@ -1,10 +1,10 @@ - -
- - Loading... -
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/spinner/index.ts b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/spinner/index.ts new file mode 100644 index 000000000..f8b1cedde --- /dev/null +++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/spinner/index.ts @@ -0,0 +1 @@ +export { default as Spinner } from "./spinner.svelte"; diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/spinner/spinner.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/spinner/spinner.svelte new file mode 100644 index 000000000..37acac16a --- /dev/null +++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/spinner/spinner.svelte @@ -0,0 +1,16 @@ + + + diff --git a/src/Exceptionless.Web/ClientApp/src/routes/(app)/account/security/+page.svelte b/src/Exceptionless.Web/ClientApp/src/routes/(app)/account/security/+page.svelte index f8192171a..50734e1cc 100644 --- a/src/Exceptionless.Web/ClientApp/src/routes/(app)/account/security/+page.svelte +++ b/src/Exceptionless.Web/ClientApp/src/routes/(app)/account/security/+page.svelte @@ -3,10 +3,10 @@ import PasswordInput from '$comp/form/password-input.svelte'; import GoogleIcon from '$comp/icons/GoogleIcon.svelte'; import MicrosoftIcon from '$comp/icons/MicrosoftIcon.svelte'; - import Loading from '$comp/loading.svelte'; import { H3, Muted } from '$comp/typography'; import { Button } from '$comp/ui/button'; import { Separator } from '$comp/ui/separator'; + import { Spinner } from '$comp/ui/spinner'; import { enableOAuthLogin, facebookClientId, @@ -96,7 +96,7 @@
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/input-group/input-group-input.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/input-group/input-group-input.svelte new file mode 100644 index 000000000..9ff9852e2 --- /dev/null +++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/input-group/input-group-input.svelte @@ -0,0 +1,21 @@ + + + diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/input-group/input-group-text.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/input-group/input-group-text.svelte new file mode 100644 index 000000000..c61dcb9dc --- /dev/null +++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/input-group/input-group-text.svelte @@ -0,0 +1,16 @@ + + + + {@render children?.()} + diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/input-group/input-group-textarea.svelte b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/input-group/input-group-textarea.svelte new file mode 100644 index 000000000..4c021810b --- /dev/null +++ b/src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/input-group/input-group-textarea.svelte @@ -0,0 +1,16 @@ + + +