busya/ss-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

032: fix duplicate class:border-warning / class:bg-warning-light in TargetSchemaHint

Browse Source 
Svelte 5 does not allow duplicate class: directives on the same element.
The two class:border-warning (and two class:bg-warning-light) conditions
were mutually exclusive but Svelte rejected them at compile time.
Merged into single || condition.
This commit is contained in:
busya
2026-06-04 23:56:00 +03:00
parent 380f8806fb
commit fe2602dc89
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/lib/components/translate/TargetSchemaHint.svelte
View File

@@ -137,8 +137,7 @@
<div class="target-schema-hint mt-3 rounded-lg border text-sm transition-colors"
class:border-success={state === 'complete' && result?.all_present}
class:border-warning={state === 'complete' && !result?.all_present && result?.table_exists}
class:border-warning={state === 'complete' && !result?.table_exists && result?.error}
class:border-warning={state === 'complete' && !result?.all_present && (!!result?.table_exists || !!result?.error)}
class:border-destructive-ring={state === 'error' || (state === 'complete' && !result?.table_exists && !result?.error)}
class:border-border={state === 'idle' || state === 'checking'}
role="region"
@@ -147,8 +146,7 @@
<!-- Header: label + кнопка -->
<div class="flex items-center justify-between px-3 py-2 border-b border-border"
class:bg-success-light={state === 'complete' && result?.all_present}
class:bg-warning-light={state === 'complete' && !result?.all_present && result?.table_exists}
class:bg-warning-light={state === 'complete' && !result?.table_exists && result?.error}
class:bg-warning-light={state === 'complete' && !result?.all_present && (!!result?.table_exists || !!result?.error)}
class:bg-destructive-light={state === 'error' || (state === 'complete' && !result?.table_exists && !result?.error)}
class:bg-surface-muted={state === 'idle' || state === 'checking'}
>