From 7c3fc4b10b852dd3bc53e82e395fb670ef18bf00 Mon Sep 17 00:00:00 2001
From: Sabi <szigyi.szogyi@gmail.com>
Date: Fri, 29 Mar 2024 10:59:13 +0000
Subject: [PATCH] add comment box to an episode

can add text to the comment box when the episode is created
---
 .../RegisterEpisodeForm.tsx                   | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/pages/RegisterEpisode/components/RegisterEpisodeForm/RegisterEpisodeForm.tsx b/src/pages/RegisterEpisode/components/RegisterEpisodeForm/RegisterEpisodeForm.tsx
index 24403e0..ee4edeb 100644
--- a/src/pages/RegisterEpisode/components/RegisterEpisodeForm/RegisterEpisodeForm.tsx
+++ b/src/pages/RegisterEpisode/components/RegisterEpisodeForm/RegisterEpisodeForm.tsx
@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React, { useMemo } from 'react';
 
-import { Icon, Select, TextField } from '@orfium/ictinus';
+import { Icon, Select, TextField, TextArea } from '@orfium/ictinus';
 import { SelectOption } from '@orfium/ictinus/dist/components/Select/Select';
 import { CheckBoxWrapper, FieldWrapper, SectionTitle } from 'common.style';
 import Checkbox from 'components/FormElements/Checkbox';
@@ -517,20 +517,20 @@ const RegisterEpisodeForm: React.FC<Props> = ({
             ))
           }
         </FieldArray>
-        {/*<FieldWrapper>*/}
-        {/*  <Field name="comments">*/}
-        {/*    {(props) => {*/}
-        {/*      return (*/}
-        {/*        <TextArea*/}
-        {/*          id="comments"*/}
-        {/*          placeholder="Comments"*/}
-        {/*          styleType="outlined"*/}
-        {/*          {...props.input}*/}
-        {/*        />*/}
-        {/*      );*/}
-        {/*    }}*/}
-        {/*  </Field>*/}
-        {/*</FieldWrapper>*/}
+        <FieldWrapper>
+          <Field name="comments">
+            {(props) => {
+              return (
+                <TextArea
+                  id="comments"
+                  placeholder="Comments"
+                  styleType="outlined"
+                  {...props.input}
+                />
+              );
+            }}
+          </Field>
+        </FieldWrapper>
       </FormHeadingContainer>
     </FormContainer>
   );