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;