不正判定式を追加

Author: TrueRyoB

frontend/src/App.svelte

@@ -8,11 +8,14 @@
   import { type Problem, type ClosedRange, createValidRange } from "./utils/types";
   import { cacheInput, loadLastInput } from "./cacher";
 
+  const maxDiff = 3854;
+  const minDiff = 0;
+
   let cachedInput : ClosedRange | null = loadLastInput();
   let currentInput : ClosedRange | null;
 
-  let under_diff = $state<number>(cachedInput ? cachedInput.min : 0);
-  let over_diff = $state<number>(cachedInput ? cachedInput.max : 3854);
+  let under_diff = $state<number>(cachedInput ? cachedInput.min : minDiff);
+  let over_diff = $state<number>(cachedInput ? cachedInput.max : maxDiff);
   
   let errors = $derived({
     rangeError: under_diff > over_diff,
@@ -74,14 +77,14 @@
       <p class="text-destructive mb-2 text-sm">最高Diffが負の値になっています。</p>
     {:else if errors.isMinusUnderDiff}
       <p class="text-destructive mb-2 text-sm">最低Diffが負の値になっています</p>
+    {:else if errors.invalidRange}
+      <p class="text-destructive mb-2 text-sm">不正なDiff範囲になっています。</p>
     {/if}
 
     <div class="flex items-center gap-2">
       <Input type="number" placeholder="最低Diffを入力してください。" isErrors={errors} bind:value={under_diff} />
       <Input type="number" placeholder="最高Diffを入力してください。" isErrors={errors} bind:value={over_diff} />
-      <!--TODO: ここのonClickに入力値保存機能をつける-->
        <Button onclick={() =>{sendQuery(), cacheInput(currentInput!)}} class="shrink-0 w-24 h-12 flex justify-center items-center" disabled={loading}>
-      <!--ここまで-->
         {#if loading}
           <div class="animate-spin [animation-duration: 1.05s]">
             <Loader size="1.5rem" />