diff --git a/src/features/forwards/options/components/advanced/ForwardOptionsAdvancedComponent.js b/src/features/forwards/options/components/advanced/ForwardOptionsAdvancedComponent.js
index a4f0562..c4051ec 100644
--- a/src/features/forwards/options/components/advanced/ForwardOptionsAdvancedComponent.js
+++ b/src/features/forwards/options/components/advanced/ForwardOptionsAdvancedComponent.js
@@ -1,7 +1,7 @@
import React from "react";
import PropTypes from "prop-types";
import TrailingSlashCard from "./trailingSlash/TrailingSlashCard";
-import PathOverwriteComponent from "./PathOverwriteComponent";
+import PathOverwriteCard from "./pathOverwrite/PathOverwriteCard";
import PathInjectionCard from "./pathInjection/PathInjectionCard";
import KeyOverwriteCard from "./keyOverwrite/KeyOverwriteCard";
@@ -12,7 +12,7 @@ const ForwardOptionsAdvancedComponent = ({ options }) => {
)}
{options.pathOverwrite && (
-
+
)}
{options.pathInjection && (
diff --git a/src/features/forwards/options/components/advanced/PathOverwriteComponent.js b/src/features/forwards/options/components/advanced/PathOverwriteComponent.js
deleted file mode 100644
index 1b1f737..0000000
--- a/src/features/forwards/options/components/advanced/PathOverwriteComponent.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-const PathOverwriteComponent = ({ data }) => {
- return "";
-};
-
-PathOverwriteComponent.propTypes = {
- data: PropTypes.object.isRequired
-};
-
-export default PathOverwriteComponent;
diff --git a/src/features/forwards/options/components/advanced/pathOverwrite/PathOverwriteCard.js b/src/features/forwards/options/components/advanced/pathOverwrite/PathOverwriteCard.js
new file mode 100644
index 0000000..ec8c71e
--- /dev/null
+++ b/src/features/forwards/options/components/advanced/pathOverwrite/PathOverwriteCard.js
@@ -0,0 +1,26 @@
+import React from "react";
+import PropTypes from "prop-types";
+import ExpandableCard from "../../../../../../components/common/ExpandableCard";
+import { useTranslation } from "react-i18next";
+import ThreeSixtyIcon from "@material-ui/icons/ThreeSixty";
+import PathOverwriteSummary from "./PathOverwriteSummary";
+
+const PathOverwriteCard = ({ data }) => {
+ const { t } = useTranslation();
+
+ return (
+ }
+ title={t("Forward.Options.PathOverwrite.Label")}
+ subtitle={t("Forward.Options.PathOverwrite.Tooltip")}
+ Summary={}
+ Content={
CONTENT...
}
+ />
+ );
+};
+
+PathOverwriteCard.propTypes = {
+ data: PropTypes.object.isRequired
+};
+
+export default PathOverwriteCard;
diff --git a/src/features/forwards/options/components/advanced/pathOverwrite/PathOverwriteSummary.js b/src/features/forwards/options/components/advanced/pathOverwrite/PathOverwriteSummary.js
new file mode 100644
index 0000000..da81017
--- /dev/null
+++ b/src/features/forwards/options/components/advanced/pathOverwrite/PathOverwriteSummary.js
@@ -0,0 +1,24 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Grid } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
+import ActiveIcon from "../../../../../../components/common/ActiveIcon";
+
+const PathOverwriteSummary = ({ data }) => {
+ const { t } = useTranslation();
+
+ return (
+
+
+ {`${t("General.Enabled")}: `}
+
+
+
+ );
+};
+
+PathOverwriteSummary.propTypes = {
+ data: PropTypes.object.isRequired
+};
+
+export default PathOverwriteSummary;