Fix wrong left pane for edit test_case 0

src/lib/components/test_cases/TestCaseView.svelte

@@ -59,7 +59,7 @@
   class="mx-0 place-self-start overflow-hidden rounded-lg border border-gray-200 shadow-md md:mb-5"
   id="situation_{situationIndex}"
 >
-  {#if !displayMode.edit}
+  {#if displayMode.edit === undefined}
     <div class="bg-gray-100" id="situation_{situationIndex}_case_summary">
       <div class="px-4 pb-2" class:pt-4={situation.title === undefined}>
         <TestCaseSummary

src/routes/+page.svelte

@@ -1177,7 +1177,7 @@
         id="situation_right_part_impacts"
       >
         <!--en-tête-->
-        {#if !displayMode.edit}
+        {#if displayMode.edit !== undefined}
           <header
             class="relative flex w-screen justify-center border-b bg-yellow-50 px-5 md:w-full md:justify-normal xl:px-10"
           >
@@ -1244,7 +1244,7 @@
                 </a>
               </li>
             </ul>
-            {#if (displayMode.parametersVariableName !== undefined || displayMode.testCasesIndex.length > 0) && (mobileLawTab || !displayMode.budget) && !displayMode.edit}
+            {#if (displayMode.parametersVariableName !== undefined || displayMode.testCasesIndex.length > 0) && (mobileLawTab || !displayMode.budget) && displayMode.edit === undefined}
               <button
                 class="absolute -bottom-4 right-2 z-30 flex items-center gap-2 rounded border border-le-bleu bg-white px-5 py-2 text-sm font-bold uppercase tracking-[0.085em] text-le-bleu shadow-lg transition-all duration-200 ease-out-back hover:bg-gray-100 active:bg-gray-200 disabled:scale-90 disabled:opacity-0 lg:right-5 xl:right-10"
                 onclick={shareTestCaseSimulationLink}
@@ -1427,7 +1427,7 @@
             {:else}
               {#key shared.testCasesIndex.length || displayMode.parametersVariableName}
                 <div
-                  class={!displayMode.edit
+                  class={displayMode.edit === undefined
                     ? "px-3 py-4 md:px-5 xl:px-10 xl:py-8"
                     : "py-2 pl-4 pr-5"}
                   out:fade={{ duration: 100 }}
@@ -1753,7 +1753,7 @@
                       {/if}
                     </div>
                   {/if}
-                  {#if !displayMode.edit}
+                  {#if displayMode.edit === undefined}
                     <div
                       class="mt-10 flex flex-col items-stretch justify-center gap-4"
                       class:md:flex-row={!displayMode.edit}