From d337bc096d29367b4824ac2e7dd206836d1b455e Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Mon, 9 Jan 2023 14:39:49 +0100
Subject: [PATCH] feat(web/input): select row icon

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

diff --git a/web/src/features/dialog/components/fields/select.tsx b/web/src/features/dialog/components/fields/select.tsx
index 72d75c3..d910bc7 100644
--- a/web/src/features/dialog/components/fields/select.tsx
+++ b/web/src/features/dialog/components/fields/select.tsx
@@ -2,6 +2,7 @@ import { Select } from '@mantine/core';
 import { ISelect } from '../../../../interfaces/dialog';
 import { Control, FieldValues, useController, UseFormRegisterReturn, UseFormSetValue } from 'react-hook-form';
 import { FormValues } from '../../InputDialog';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
 interface Props {
   row: ISelect;
@@ -30,6 +31,7 @@ const SelectField: React.FC<Props> = (props) => {
       description={props.row.description}
       withAsterisk={props.row.required}
       clearable={props.row.clearable}
+      icon={props.row.icon && <FontAwesomeIcon icon={props.row.icon} fixedWidth />}
     />
   );
 };
diff --git a/web/src/interfaces/dialog.ts b/web/src/interfaces/dialog.ts
index ad6d243..7ed93a6 100644
--- a/web/src/interfaces/dialog.ts
+++ b/web/src/interfaces/dialog.ts
@@ -31,6 +31,7 @@ export interface ISelect {
   description?: string;
   required?: boolean;
   clearable?: boolean;
+  icon?: IconProp;
 }
 
 export interface INumber {