add option

Author: rinriko

src/components/Sidebar/Sidebar.tsx

@@ -273,46 +273,47 @@ export default function Sidebar() {
                     <option value="sigma">Filter by σ-band</option>
                   </select>
 
-                  <div className="space-y-1">
-                    <label className="font-medium text-sm text-gray-700">
-                      {rawFilterMode === "percent"
-                        ? `Average Band (±${filterPercent}%)`
-                        : `σ-Band (±${sigmaK.toFixed(2)}σ)`
-                      }
-                    </label>
-
-                    <input
-                      type="range"
-                      min={rawFilterMode === "percent" ? 1 : 0.5}
-                      max={rawFilterMode === "percent" ? 200 : 3}
-                      step={rawFilterMode === "percent" ? 1 : 0.1}
-                      value={rawFilterMode === "percent" ? filterPercent : sigmaK}
-                      onChange={(e) =>
-                        setSettings(
-                          rawFilterMode === "percent"
-                            ? { filterPercent: Number(e.target.value) }
-                            : { sigmaK: Number(e.target.value) }
-                        )
-                      }
-                    />
+                  {rawFilterMode !== "none" && (
+                    <div className="space-y-1">
+                      <label className="font-medium text-sm text-gray-700">
+                        {rawFilterMode === "percent"
+                          ? `Average Band (±${filterPercent}%)`
+                          : `σ-Band (±${sigmaK.toFixed(2)}σ)`
+                        }
+                      </label>
 
-                    <input
-                      type="number"
-                      min={rawFilterMode === "percent" ? 1 : 0.5}
-                      max={rawFilterMode === "percent" ? 200 : 3}
-                      step={rawFilterMode === "percent" ? 1 : 0.1}
-                      value={rawFilterMode === "percent" ? filterPercent : sigmaK}
-                      onChange={(e) =>
-                        setSettings(
-                          rawFilterMode === "percent"
-                            ? { filterPercent: Number(e.target.value) }
-                            : { sigmaK: Number(e.target.value) }
-                        )
-                      }
-                      className="w-full px-2 py-1 border rounded"
-                    />
-                  </div>
+                      <input
+                        type="range"
+                        min={rawFilterMode === "percent" ? 1 : 0.5}
+                        max={rawFilterMode === "percent" ? 200 : 3}
+                        step={rawFilterMode === "percent" ? 1 : 0.1}
+                        value={rawFilterMode === "percent" ? filterPercent : sigmaK}
+                        onChange={(e) =>
+                          setSettings(
+                            rawFilterMode === "percent"
+                              ? { filterPercent: Number(e.target.value) }
+                              : { sigmaK: Number(e.target.value) }
+                          )
+                        }
+                      />
 
+                      <input
+                        type="number"
+                        min={rawFilterMode === "percent" ? 1 : 0.5}
+                        max={rawFilterMode === "percent" ? 200 : 3}
+                        step={rawFilterMode === "percent" ? 1 : 0.1}
+                        value={rawFilterMode === "percent" ? filterPercent : sigmaK}
+                        onChange={(e) =>
+                          setSettings(
+                            rawFilterMode === "percent"
+                              ? { filterPercent: Number(e.target.value) }
+                              : { sigmaK: Number(e.target.value) }
+                          )
+                        }
+                        className="w-full px-2 py-1 border rounded"
+                      />
+                    </div>
+                  )}
                 </div>
               )}
             </Section>