diff options
Diffstat (limited to 'code/app/src/lib/components/project-status-badge.svelte')
| -rw-r--r-- | code/app/src/lib/components/project-status-badge.svelte | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/code/app/src/lib/components/project-status-badge.svelte b/code/app/src/lib/components/project-status-badge.svelte new file mode 100644 index 0000000..5390344 --- /dev/null +++ b/code/app/src/lib/components/project-status-badge.svelte @@ -0,0 +1,24 @@ +<script lang="ts"> + import type { ProjectStatus } from "$lib/models/projects/ProjectStatus"; + import Badge from "./badge.svelte"; + export let status: string | ProjectStatus; + + let text = ""; + let type = "default" as any; + $: switch (status) { + case "idl": + type = "tame"; + text = "IDLE"; + break; + case "exp": + type = "yellow"; + text = "EXPIRED"; + break; + case "act": + type = "green"; + text = "ACTIVE"; + break; + } +</script> + +<Badge {text} {type} uppercase /> |