mirror of
https://github.com/pocket-id/pocket-id.git
synced 2026-02-11 00:49:17 +00:00
feat: add info box to app settings if UI config is disabled
This commit is contained in:
@@ -1,11 +1,19 @@
|
||||
<script lang="ts">
|
||||
import CollapsibleCard from '$lib/components/collapsible-card.svelte';
|
||||
import * as Alert from '$lib/components/ui/alert';
|
||||
import { m } from '$lib/paraglide/messages';
|
||||
import AppConfigService from '$lib/services/app-config-service';
|
||||
import appConfigStore from '$lib/stores/application-configuration-store';
|
||||
import type { AllAppConfig } from '$lib/types/application-configuration';
|
||||
import { axiosErrorToast } from '$lib/utils/error-util';
|
||||
import { LucideImage, Mail, SlidersHorizontal, UserSearch, Users } from '@lucide/svelte';
|
||||
import {
|
||||
LucideImage,
|
||||
LucideInfo,
|
||||
Mail,
|
||||
SlidersHorizontal,
|
||||
UserSearch,
|
||||
Users
|
||||
} from '@lucide/svelte';
|
||||
import { toast } from 'svelte-sonner';
|
||||
import AppConfigEmailForm from './forms/app-config-email-form.svelte';
|
||||
import AppConfigGeneralForm from './forms/app-config-general-form.svelte';
|
||||
@@ -58,6 +66,15 @@
|
||||
<title>{m.application_configuration()}</title>
|
||||
</svelte:head>
|
||||
|
||||
{#if $appConfigStore.uiConfigDisabled}
|
||||
<Alert.Root variant="info">
|
||||
<LucideInfo class="size-4" />
|
||||
<Alert.Title>{m.ui_config_disabled_info_title()}</Alert.Title>
|
||||
<Alert.Description>
|
||||
{m.ui_config_disabled_info_description()}
|
||||
</Alert.Description>
|
||||
</Alert.Root>
|
||||
{/if}
|
||||
<div>
|
||||
<CollapsibleCard
|
||||
id="application-configuration-general"
|
||||
|
||||
Reference in New Issue
Block a user