mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-19 08:03:16 +00:00
GuilhemandAlexander Petric
210b8285d4
* improve collapsible link * do not show superadmin ws link when already in it * improve OAuth UI * sso/oauth instance settings ui * refactor instance settings alerts WIP * Indexer and Oauth to brand guidelines * refactor ws error handler page * Create a tab SMTP in the Instance Settings * Ractivity isssue fix for tabs * nit * Add smtp settings status in Error handler * Add smtp configuration status * Display teams connection status for instance alerts * nit * Add critical alerts description * nit * nit * improve ee display * nit * nit * fix typo * nit * restore vit config --------- Co-authored-by: Alexander Petric <alex@windmill.dev>
71 lines
1.6 KiB
Svelte
71 lines
1.6 KiB
Svelte
<script lang="ts">
|
|
import { Plus } from 'lucide-svelte'
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
interface Props {
|
|
title: string
|
|
icon: any
|
|
children: any
|
|
onAdd?: () => void
|
|
isPlaceholder?: boolean
|
|
actions?: import('svelte').Snippet
|
|
class?: string
|
|
style?: string
|
|
}
|
|
|
|
let {
|
|
title,
|
|
icon: Icon,
|
|
children,
|
|
onAdd,
|
|
isPlaceholder = false,
|
|
actions,
|
|
class: clazz,
|
|
style
|
|
}: Props = $props()
|
|
</script>
|
|
|
|
{#if isPlaceholder}
|
|
<!-- Placeholder Card (dashed border) -->
|
|
<div
|
|
class={twMerge(
|
|
'border border-dashed border-gray-600 flex h-[67px] items-center justify-center px-4 py-4 rounded-md w-full bg-transparent hover:bg-surface-secondary/50 transition-colors cursor-pointer',
|
|
clazz
|
|
)}
|
|
{style}
|
|
onclick={onAdd}
|
|
role="button"
|
|
tabindex="0"
|
|
onkeydown={(e) => e.key === 'Enter' && onAdd?.()}
|
|
>
|
|
<div class="flex gap-2 items-center justify-center">
|
|
<Plus size={14} class="text-secondary" />
|
|
<span class="text-xs font-medium text-secondary text-center">
|
|
Add {title.toLowerCase()} channel
|
|
</span>
|
|
<Icon size={title === 'Microsoft Teams' ? 20 : 14} class="text-secondary" />
|
|
</div>
|
|
</div>
|
|
{:else}
|
|
<!-- Connected Card (solid background) -->
|
|
<div
|
|
class={twMerge('bg-surface-tertiary border flex flex-col gap-2 p-4 rounded-md w-full', clazz)}
|
|
{style}
|
|
>
|
|
<!-- Card Header -->
|
|
<div class="flex items-center justify-between w-full">
|
|
<div class="flex gap-2 items-center">
|
|
<Icon size={20} class="text-primary" />
|
|
<span class="text-xs font-semibold text-primary">{title}</span>
|
|
</div>
|
|
|
|
{@render actions?.()}
|
|
</div>
|
|
|
|
<!-- Card Content -->
|
|
<div class="space-y-2">
|
|
{@render children()}
|
|
</div>
|
|
</div>
|
|
{/if}
|