Added mode prop to feed source type templates and handled placeholders

Author: jeppekroghitk

src/components/feed-sources/feed-source-type-templates/CalendarFeedType.template.jsx

@@ -2,14 +2,19 @@ import { React } from "react";
 import PropTypes from "prop-types";
 import FormInput from "../../util/forms/form-input";
 
-const CalendarFeedTypeTemplate = ({ handleInput, formStateObject, t }) => {
+const CalendarFeedTypeTemplate = ({ handleInput, formStateObject, t, mode }) => {
   return (
     <>
       <FormInput
         name="resources"
         type="text"
         label={t("dynamic-fields.CalendarApiFeedType.resources")}
         onChange={handleInput}
+        placeholder={
+          mode === "edit"
+            ? t("dynamic-fields.redactedValueInputPlaceholder")
+            : ""
+        }
         value={formStateObject.resources}
       />
     </>
@@ -23,5 +28,6 @@ CalendarFeedTypeTemplate.propTypes = {
     resources: PropTypes.string,
   }),
   t: PropTypes.func,
+  mode: PropTypes.string,
 };
 export default CalendarFeedTypeTemplate;

src/components/feed-sources/feed-source-type-templates/EventDatabaseApiFeedType.template.jsx

@@ -2,14 +2,19 @@ import { React } from "react";
 import PropTypes from "prop-types";
 import FormInput from "../../util/forms/form-input";
 
-const EventDatabaseApiTemplate = ({ handleInput, formStateObject, t }) => {
+const EventDatabaseApiTemplate = ({ handleInput, formStateObject, t, mode }) => {
   return (
     <>
       <FormInput
         name="host"
         type="text"
         label={t("dynamic-fields.EventDatabaseApiFeedType.host")}
         onChange={handleInput}
+        placeholder={
+          mode === "edit"
+            ? t("dynamic-fields.redactedValueInputPlaceholder")
+            : ""
+        }
         value={formStateObject.host}
       />
     </>
@@ -22,5 +27,6 @@ EventDatabaseApiTemplate.propTypes = {
     host: PropTypes.string,
   }),
   t: PropTypes.func,
+  mode: PropTypes.string,
 };
 export default EventDatabaseApiTemplate;

src/components/feed-sources/feed-source-type-templates/NotifiedFeedType.template.jsx

@@ -2,14 +2,19 @@ import { React } from "react";
 import PropTypes from "prop-types";
 import FormInput from "../../util/forms/form-input";
 
-const NotifiedFeedTypeTemplate = ({ handleInput, formStateObject, t }) => {
+const NotifiedFeedTypeTemplate = ({ handleInput, formStateObject, t, mode }) => {
   return (
     <>
       <FormInput
         name="token"
         type="text"
         label={t("dynamic-fields.NotifiedFeedType.token")}
         onChange={handleInput}
+        placeholder={
+          mode === "edit"
+            ? t("dynamic-fields.redactedValueInputPlaceholder")
+            : ""
+        }
         value={formStateObject.token}
       />
     </>
@@ -22,5 +27,6 @@ NotifiedFeedTypeTemplate.propTypes = {
     token: PropTypes.string,
   }),
   t: PropTypes.func,
+  mode: PropTypes.string,
 };
 export default NotifiedFeedTypeTemplate;