From 7b6cf6682f6f64d9a902014435d9eb643bbf931f Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Sat, 11 Jun 2022 11:59:00 +0200
Subject: [PATCH] feat(web/input): display value when no label is provided for
 select

---
 web/src/features/dialog/InputDialog.tsx       | 2 +-
 web/src/features/dialog/components/select.tsx | 2 +-
 web/src/interfaces/dialog.ts                  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/features/dialog/InputDialog.tsx b/web/src/features/dialog/InputDialog.tsx
index 65342b4..3ebd40e 100644
--- a/web/src/features/dialog/InputDialog.tsx
+++ b/web/src/features/dialog/InputDialog.tsx
@@ -37,7 +37,7 @@ interface Props {
 //           type: "select",
 //           label: "Locker type",
 //           options: [
-//             { value: "option1", label: "Option 1" },
+//             { value: "option1" },
 //             { value: "option2", label: "Option 2" },
 //             { value: "option3", label: "Option 3" },
 //           ],
diff --git a/web/src/features/dialog/components/select.tsx b/web/src/features/dialog/components/select.tsx
index e3be2f1..769e464 100644
--- a/web/src/features/dialog/components/select.tsx
+++ b/web/src/features/dialog/components/select.tsx
@@ -20,7 +20,7 @@ const SelectField: React.FC<Props> = (props) => {
           </option>
           {props.row.options?.map((option, index) => (
             <option key={`option-${index}`} value={option.value}>
-              {option.label}
+              {option.label ? option.label : option.value}
             </option>
           ))}
         </Select>
diff --git a/web/src/interfaces/dialog.ts b/web/src/interfaces/dialog.ts
index 8fc809f..b829624 100644
--- a/web/src/interfaces/dialog.ts
+++ b/web/src/interfaces/dialog.ts
@@ -5,7 +5,7 @@ type RowType = "input" | "checkbox" | "select";
 export interface Row {
   type: RowType;
   label: string;
-  options?: { value: string; label: string }[];
+  options?: { value: string; label?: string }[];
   password?: boolean;
   icon?: IconProp;
 }