From afabc6e1697cd6d245ca291fca9455c7e70db438 Mon Sep 17 00:00:00 2001
From: Aleksandr Kiliushin <aleksandr.kiliushin@gmail.com>
Date: Fri, 10 Nov 2023 20:51:36 +0400
Subject: [PATCH] Fix Currency select label

---
 .../boards/BoardRecords/RecordFormDialog/index.tsx   | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/views/boards/BoardRecords/RecordFormDialog/index.tsx b/src/views/boards/BoardRecords/RecordFormDialog/index.tsx
index d04b964..93ba6c8 100644
--- a/src/views/boards/BoardRecords/RecordFormDialog/index.tsx
+++ b/src/views/boards/BoardRecords/RecordFormDialog/index.tsx
@@ -159,12 +159,7 @@ export const RecordFormDialog: FC<TRecordFormDialogProps> = ({ record }) => {
               type="number"
             />
             <FormControl fullWidth>
-              <InputLabel>Currency</InputLabel>
-              <Select
-                {...register(FieldName.CurrencySlug)}
-                label="Currency"
-                value={watch(FieldName.CurrencySlug)} // Initial value is not set up without this prop passed explicitly. But should not it be passwed as part of {...register()}?
-              >
+              <Select {...register(FieldName.CurrencySlug)} value={watch(FieldName.CurrencySlug)}>
                 {currencies?.map((currency) => (
                   <MenuItem key={currency.slug} value={currency.slug}>
                     {currency.name} {currency.symbol}
@@ -195,10 +190,7 @@ export const RecordFormDialog: FC<TRecordFormDialogProps> = ({ record }) => {
               </Select>
             </FormControl>
             <TextField {...register(FieldName.Date, { required: true })} label="Date" type="date" />
-            <Box sx={{ display: "grid" }}>
-              <label htmlFor={FieldName.Comment}>Comment</label>
-              <textarea {...register(FieldName.Comment)} />
-            </Box>
+            <TextField {...register(FieldName.Comment)} label="Comment" />
           </RowGroup>
         </form>
       </Dialog.Body>