Add Floatrange field

gabber235 · Jul 20, 2024 · b5c46a9 · b5c46a9
1 parent 9092ffe
commit b5c46a9
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/documentation/src/components/EntryInspector/index.tsx b/documentation/src/components/EntryInspector/index.tsx
@@ -384,6 +384,9 @@ function CustomFieldInspector({
             />
         );
     }
+    if (editor === "floatRange") {
+        return <FloatRangeField value={value} path={path} />;
+    }
     return (
         <div className="text-red-500 dark:text-red-400 text-xs">
             Unknown custom editor: {editor}
@@ -698,3 +701,26 @@ function OptionalField({ value, field, path, pages }: OptionalFieldProps) {
         </div>
     );
 }
+
+type FloatRange = { start: number, end: number };
+
+function FloatRangeField({ value, path }: { value: FloatRange, path: string }) {
+    const { start, end } = value;
+    return (
+        <div className="flex flex-col space-y-1 w-full">
+            <FieldHeader name={path} />
+            <div className="flex space-x-1 w-full">
+                <CordPropertyField
+                    value={start}
+                    display="Min"
+                    color="text-red-500"
+                />
+                <CordPropertyField
+                    value={end}
+                    display="Max"
+                    color="text-green-500"
+                />
+            </div>
+        </div>
+    );
+}