From 3524568fecc89d4801afe9eae8a4ed63454f5367 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Tue, 31 Dec 2024 11:24:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=B1=95=E7=A4=BA=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E5=88=86=E9=87=8F=E5=8D=95=E4=BD=8D=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ColorRangePicker.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ColorRangePicker.tsx b/src/components/ColorRangePicker.tsx
index 60a0cbb..ec7e01a 100644
--- a/src/components/ColorRangePicker.tsx
+++ b/src/components/ColorRangePicker.tsx
@@ -6,6 +6,7 @@ import styles from './ColorRangePicker.module.css';
 type ColorRangePickerProps = {
   title: string;
   value?: number;
+  unit?: string;
   onChange: (value: number) => void;
   gradient: string;
   min?: number;
@@ -17,6 +18,7 @@ type ColorRangePickerProps = {
 export function ColorRangePicker({
   title,
   value = 0,
+  unit,
   onChange,
   gradient,
   min = 0,
@@ -41,7 +43,10 @@ export function ColorRangePicker({
     <div className={styles.picker_container}>
       <div className={styles.title_row}>
         <label>{title}</label>
-        <span>{pickerValue}</span>
+        <span>
+          {pickerValue}
+          {unit}
+        </span>
       </div>
       <input
         type="range"