Browse Source

Add impossible combination message

1ffy 1 month ago
parent
commit
9d8c15c53a
2 changed files with 40 additions and 32 deletions
  1. 39 31
      src/lib/components/ResultCard.svelte
  2. 1 1
      src/lib/components/Wizard.svelte

+ 39 - 31
src/lib/components/ResultCard.svelte

@@ -3,41 +3,49 @@
 </script>
 
 <div class="result-card">
-    <h2>Рекомендуем: <strong>{result.recommendation}</strong></h2>
-    <p>{result.description}</p>
-
-    <div class="section">
-        <h4>Налоговый режим:</h4>
-        <ul>
-            {#each result.taxes as tax}
-                <li>
-                    <strong>{tax.name}</strong>: {tax.rate} →
-                    <em>{tax.note}</em>
-                </li>
-            {/each}
-        </ul>
-    </div>
-
-    <div class="pros-cons">
-        <div>
-            <h4>Плюсы</h4>
-            <ul class="pros">
-                {#each result.pros as pro}<li>{pro}</li>{/each}
+    {#if result}
+        <h2>Рекомендуем: <strong>{result.recommendation}</strong></h2>
+        <p>{result.description}</p>
+
+        <div class="section">
+            <h4>Налоговый режим:</h4>
+            <ul>
+                {#each result.taxes as tax}
+                    <li>
+                        <strong>{tax.name}</strong>: {tax.rate} →
+                        <em>{tax.note}</em>
+                    </li>
+                {/each}
             </ul>
         </div>
-        <div>
-            <h4>Минусы</h4>
-            <ul class="cons">
-                {#each result.cons as con}<li>{con}</li>{/each}
-            </ul>
-        </div>
-    </div>
 
-    {#if result.warning}
-        <div class="warning">
-            <strong>Внимание:</strong>
-            {result.warning}
+        <div class="pros-cons">
+            <div>
+                <h4>Плюсы</h4>
+                <ul class="pros">
+                    {#each result.pros as pro}<li>{pro}</li>{/each}
+                </ul>
+            </div>
+            <div>
+                <h4>Минусы</h4>
+                <ul class="cons">
+                    {#each result.cons as con}<li>{con}</li>{/each}
+                </ul>
+            </div>
         </div>
+
+        {#if result.warning}
+            <div class="warning">
+                <strong>Внимание:</strong>
+                {result.warning}
+            </div>
+        {/if}
+    {:else}
+        <h2>Не удалось найти подходящий вариант.</h2>
+        <p>
+            Скорее всего, один или несколько выбранных вами вариантов невозможны
+            друг с другом.
+        </p>
     {/if}
 
     <button onclick={reset} class="reset">Начать заново</button>

+ 1 - 1
src/lib/components/Wizard.svelte

@@ -76,7 +76,7 @@
         <div transition:slide>
             <Step4_Finance bind:form {next} {prev} />
         </div>
-    {:else if step === 5 && result}
+    {:else if step === 5}
         <div transition:slide>
             <ResultCard {result} {reset} />
         </div>