diff options
Diffstat (limited to 'src/routes/+page.svelte')
| -rw-r--r-- | src/routes/+page.svelte | 11 |
1 files changed, 3 insertions, 8 deletions
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index fd987ff..35ff5d7 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,21 +1,16 @@ <script lang="ts"> import { enhance } from '$app/forms'; + import ScoreBadge from '$lib/components/ScoreBadge.svelte'; let { data, form } = $props(); let name = $state(''); - - function scoreClass(score: number): string { - if (score >= 80) return 'score bg-success'; - if (score >= 50) return 'score bg-accent'; - return 'score bg-danger'; - } </script> <main> <header class="page-header"> <h1>Projets</h1> - <span class={scoreClass(data.globalScore)}>{data.globalScore}</span> + <ScoreBadge score={data.globalScore} /> </header> <form class="add-bar" method="POST" action="?/addProject" use:enhance> @@ -40,7 +35,7 @@ <a class="project-link" href="/projects/{entry.project.id}" >{entry.project.name}</a > - <span class={scoreClass(entry.healthScore)}>{entry.healthScore}</span> + <ScoreBadge score={entry.healthScore} /> </li> {/each} </ul> |