Supprime la carte de commune et met à jour l'état de l'app au clic sur la croix

src/lib/components/impact/Card.svelte

 <script lang="ts">
+  import { removeBaseCasType } from "$lib/state.svelte"
   import Accordion from "../common/accordion/Accordion.svelte"
   import AccordionItem from "../common/accordion/AccordionItem.svelte"
 
@@ -14,7 +15,6 @@
     iconAltDescription = "",
     accordion = false,
     showDeleteButton = false,
-    onDeleteButtonClick,
     headerBackgroundColor = "bg-white",
     children,
   }: {
@@ -25,25 +25,26 @@
     iconAltDescription?: string
     accordion?: boolean
     showDeleteButton?: boolean
-    onDeleteButtonClick?: () => void
     headerBackgroundColor?: string
     children(): any
   } = $props()
 
   //contentComponent: typeof Table | typeof Summary | undefined
   $inspect(title, subTitle)
+
+  function onDeleteButtonClick() {
+    // TODO utiliser le code INSEE pour plus de précision
+    // (et contourner l'erreur communes nouvelles de territoires :
+    // https://git.leximpact.dev/leximpact/territoires/territoires/-/issues/4)
+    removeBaseCasType(title)
+  }
 </script>
 
 {#snippet deleteButton()}
   <button
     class="text-gray-400 hover:text-le-bleu focus:outline-none"
     aria-label="Supprimer la carte"
-    onclick={() =>
-      onDeleteButtonClick
-        ? onDeleteButtonClick()
-        : console.error(
-            "Erreur inattendue. Aucune fonction n'est rattachée au bouton de suppression de la carte.",
-          )}
+    onclick={() => onDeleteButtonClick()}
   >
     <iconify-icon icon="ri-close-line" class="max-h-40 align-[-0.2rem] text-xl"
     ></iconify-icon>
@@ -94,7 +95,7 @@
           <span
             class="flex w-full justify-between text-xl font-bold text-gray-600"
           >
-            {title}
+            {title.toUpperCase()}
             {#if showDeleteButton}
               {@render deleteButton()}
             {/if}

src/lib/components/impact/CardsBoard.svelte

@@ -130,10 +130,6 @@
   function keepOneDecimal(value: number) {
     return Math.round(value * 10) / 10
   }
-
-  function onDeleteButtonClick() {
-    alert("fermer")
-  }
 </script>
 
 <div class="flex w-full justify-center">
@@ -219,7 +215,7 @@
       En lien avec une erreur sur le communes nouvelles de l'API territoires.
     -->
     <Card
-      title={commune.nomCommune.toUpperCase()}
+      title={commune.nomCommune}
       subTitle={commune.codeInseeDepartement &&
       commune.codeInseeDepartement != "None"
         ? "Département " + commune.codeInseeDepartement
@@ -227,7 +223,6 @@
       icon={undefined}
       iconAltDescription={undefined}
       showDeleteButton={true}
-      {onDeleteButtonClick}
       accordion={false}
       headerBackgroundColor="bg-le-gris-commune"
     >

src/lib/state.svelte.ts

@@ -122,6 +122,12 @@ export function updateBaseCasTypes(newCasTypes: Commune[]) {
   userState.base.casTypes = newCasTypes
 }
 
+export function removeBaseCasType(communeName: string) {
+  userState.base.casTypes = userState.base.casTypes.filter(
+    (c) => c.nomCommune !== communeName
+  )
+}
+
 export function amendementExists(): boolean {
   return (
     userState.amendement &&