From 22cb76591b26bd7d8f17b62dcc2948a8bad9df09 Mon Sep 17 00:00:00 2001
From: Malin Svenberg <malin.svenberg@hotmail.com>
Date: Wed, 3 May 2023 16:11:19 +0200
Subject: [PATCH] feat: adds required symbol for name of folder, document and
 etherpad

---
 src/components/item/form/BaseItemForm.tsx | 9 ++++++++-
 src/components/item/form/DocumentForm.tsx | 1 +
 src/components/item/form/EtherpadForm.tsx | 1 +
 src/components/item/form/FolderForm.tsx   | 1 +
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/item/form/BaseItemForm.tsx b/src/components/item/form/BaseItemForm.tsx
index dfb3aa238..8b9370b70 100644
--- a/src/components/item/form/BaseItemForm.tsx
+++ b/src/components/item/form/BaseItemForm.tsx
@@ -13,9 +13,15 @@ type Props = {
   updatedProperties: Partial<DiscriminatedItem<UnknownExtra>>;
   onChange: (props: Partial<DiscriminatedItem>) => void;
   item: Partial<ItemRecord>;
+  required?: boolean;
 };
 
-const BaseForm: FC<Props> = ({ onChange, item, updatedProperties }) => {
+const BaseForm: FC<Props> = ({
+  onChange,
+  item,
+  required,
+  updatedProperties,
+}) => {
   const { t: translateBuilder } = useBuilderTranslation();
 
   const handleNameInput = (event: ChangeEvent<{ value: string }>) => {
@@ -26,6 +32,7 @@ const BaseForm: FC<Props> = ({ onChange, item, updatedProperties }) => {
     <TextField
       variant="standard"
       autoFocus
+      required={required}
       id={ITEM_FORM_NAME_INPUT_ID}
       label={translateBuilder(BUILDER.CREATE_NEW_ITEM_NAME_LABEL)}
       value={updatedProperties?.name ?? item?.name}
diff --git a/src/components/item/form/DocumentForm.tsx b/src/components/item/form/DocumentForm.tsx
index 1e76cf474..0d21bf1cf 100644
--- a/src/components/item/form/DocumentForm.tsx
+++ b/src/components/item/form/DocumentForm.tsx
@@ -142,6 +142,7 @@ const DocumentForm = ({
         <BaseForm
           onChange={onChange}
           item={item}
+          required
           updatedProperties={updatedProperties}
         />
       </Box>
diff --git a/src/components/item/form/EtherpadForm.tsx b/src/components/item/form/EtherpadForm.tsx
index 47f006129..a08d876be 100644
--- a/src/components/item/form/EtherpadForm.tsx
+++ b/src/components/item/form/EtherpadForm.tsx
@@ -23,6 +23,7 @@ const useEtherpadForm = (): { padName: string; EtherpadForm: FC } => {
         <TextField
           variant="standard"
           autoFocus
+          required
           id={ITEM_FORM_ETHERPAD_NAME_INPUT_ID}
           label={translateBuilder(BUILDER.CREATE_NEW_ITEM_ETHERPAD_LABEL)}
           value={padName}
diff --git a/src/components/item/form/FolderForm.tsx b/src/components/item/form/FolderForm.tsx
index 10bb960e9..37ca15b2f 100644
--- a/src/components/item/form/FolderForm.tsx
+++ b/src/components/item/form/FolderForm.tsx
@@ -30,6 +30,7 @@ const FolderForm = ({
       <BaseItemForm
         onChange={onChange}
         item={item}
+        required
         updatedProperties={updatedProperties}
       />