feat: Add default values for LoginForm configuration

CodeForAfrica · Dec 5, 2024 · cf6deea · cf6deea
1 parent 13feded
commit cf6deea
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/apps/civicsignalblog/src/payload/fields/formInputFieldGroup.js b/apps/civicsignalblog/src/payload/fields/formInputFieldGroup.js
@@ -1,15 +1,19 @@
 function formInputFieldGroup({
   label,
   name,
-  includeErrorMessageField = true,
   includeHintField = false,
+  includeErrorMessageField = true,
+  defaultLabelValue = "",
+  defaultErrorMessage = "",
+  defaultHint = "",
   additionalFields = [],
 }) {
   const fields = [
     {
       name: `${name}Label`,
       label: "Label",
       type: "text",
+      defaultValue: defaultLabelValue,
       required: true,
     },
   ];
@@ -19,6 +23,7 @@ function formInputFieldGroup({
       name: `${name}Hint`,
       label: "Hint",
       type: "text",
+      defaultValue: defaultHint,
       required: true,
     });
   }
@@ -28,6 +33,7 @@ function formInputFieldGroup({
       name: `${name}ErrorMessage`,
       type: "text",
       label: "Error Message",
+      defaultValue: defaultErrorMessage,
       required: true,
     });
   }

diff --git a/apps/civicsignalblog/src/payload/globals/Forms/login/LoginTab.js b/apps/civicsignalblog/src/payload/globals/Forms/login/LoginTab.js
@@ -21,8 +21,18 @@ const LoginTab = {
       type: "collapsible",
       label: "Fields",
       fields: [
-        formInputFieldGroup({ label: "E-mail", name: "email" }),
-        formInputFieldGroup({ label: "Password", name: "password" }),
+        formInputFieldGroup({
+          label: "E-mail",
+          name: "email",
+          defaultLabelValue: "Email",
+          defaultErrorMessage: "You need to enter your email address.",
+        }),
+        formInputFieldGroup({
+          label: "Password",
+          name: "password",
+          defaultLabelValue: "Password",
+          defaultErrorMessage: "You need to enter your password.",
+        }),
       ],
     },
     {