Merge pull request #730 from bluewave-labs/update/display-name

Update all areas where it says friendly name to display name.

Client/src/Pages/Maintenance/CreateMaintenanceWindow/index.jsx

@@ -62,7 +62,7 @@ const CreateNewMaintenanceWindow = () => {
     startTime: dayjs(),
     duration: "60",
     unit: "minutes",
-    friendlyName: "",
+    displayName: "",
     AddMonitors: "",
   });
   const [errors, setErrors] = useState({});
@@ -82,7 +82,7 @@ const CreateNewMaintenanceWindow = () => {
       startTime: values.startTime.format("HH:mm"),
       duration: values.duration,
       unit: values.unit,
-      friendlyName: values.friendlyName,
+      displayName: values.displayName,
       addMonitors: values.AddMonitors,
     };
 
@@ -178,14 +178,14 @@ const CreateNewMaintenanceWindow = () => {
       ),
     },
     {
-      title: "Friendly name",
+      title: "Display name",
       component: (
         <Field
-          id="friendly-name"
+          id="display-name"
           placeholder="Maintanence at __ : __ for ___ minutes"
-          value={values.friendlyName}
-          onChange={(e) => handleChange(e, "friendlyName")}
-          error={errors.friendlyName}
+          value={values.displayName}
+          onChange={(e) => handleChange(e, "displayName")}
+          error={errors.displayName}
         />
       ),
     },

Client/src/Pages/Monitors/Configure/index.jsx

@@ -314,7 +314,7 @@ const Configure = () => {
                 <Field
                   type="text"
                   id="monitor-name"
-                  label="Friendly name"
+                  label="Display name"
                   isOptional={true}
                   placeholder="Google"
                   value={monitor?.name || ""}

Client/src/Pages/Monitors/CreateMonitor/index.jsx

@@ -193,7 +193,7 @@ const CreateMonitor = () => {
             <Field
               type="text"
               id="monitor-name"
-              label="Friendly name"
+              label="Display name"
               isOptional={true}
               placeholder="Google"
               value={monitor.name}

Client/src/Pages/PageSpeed/Configure/index.jsx

@@ -223,7 +223,7 @@ const PageSpeedConfigure = () => {
             </Stack>
             <Stack gap={theme.gap.xl}>
               <Stack direction="row">
-                <Typography component="h3">Monitor friendly name</Typography>
+                <Typography component="h3">Monitor display name</Typography>
                 <Field
                   type="text"
                   id="monitor-name"

Client/src/Pages/PageSpeed/CreatePageSpeed/index.jsx

@@ -116,7 +116,7 @@ const CreatePageSpeed = () => {
         <Typography component="h1">Create pagespeed monitor</Typography>
         <Stack gap={theme.gap.xl}>
           <Stack direction="row">
-            <Typography component="h3">Monitor friendly name</Typography>
+            <Typography component="h3">Monitor display name</Typography>
             <Field
               type="text"
               id="monitor-name"

Client/src/Validation/validation.js

@@ -136,9 +136,9 @@ const maintenanceWindowValidation = joi.object({
     "any.only": "Unit must be one of ['minutes', 'hours', 'days'].",
     "any.required": "Unit is required.",
   }),
-  friendlyName: joi.string().max(50).required().messages({
-    "string.empty": "Friendly name is required.",
-    "string.max": "Friendly name must be less than 50 characters long",
+  displayName: joi.string().max(50).required().messages({
+    "string.empty": "Display name is required.",
+    "string.max": "Display name must be less than 50 characters long",
   }),
   addMonitors: joi.string().max(50).required().messages({
     "string.empty": "Add monitors is required.",