From d21ed0350845d79628479eef3217e4525cd2a87c Mon Sep 17 00:00:00 2001 From: Maximus Date: Thu, 18 Aug 2022 11:32:18 +0300 Subject: [PATCH] closed issue #82 - add information pages mention in footer and routes to them --- src/index.tsx | 19 ++++++++++++++++++- src/pages/Information/About.tsx | 15 +++++++++++++++ src/pages/Information/AccountSettings.tsx | 15 +++++++++++++++ src/pages/Information/ContactUs.tsx | 15 +++++++++++++++ src/pages/Information/CookiesPolicy.tsx | 15 +++++++++++++++ src/pages/Information/Help.tsx | 15 +++++++++++++++ src/pages/Information/PrivacyPolicy.tsx | 15 +++++++++++++++ src/pages/Information/TermsOfUse.tsx | 15 +++++++++++++++ 8 files changed, 123 insertions(+), 1 deletion(-) create mode 100644 src/pages/Information/About.tsx create mode 100644 src/pages/Information/AccountSettings.tsx create mode 100644 src/pages/Information/ContactUs.tsx create mode 100644 src/pages/Information/CookiesPolicy.tsx create mode 100644 src/pages/Information/Help.tsx create mode 100644 src/pages/Information/PrivacyPolicy.tsx create mode 100644 src/pages/Information/TermsOfUse.tsx diff --git a/src/index.tsx b/src/index.tsx index df65e1b..c390a65 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -6,6 +6,14 @@ import App from "./App"; import reportWebVitals from "./reportWebVitals"; import "./localization/i18n"; +import About from "pages/Information/About"; +import Help from "pages/Information/Help"; +import ContactUs from "pages/Information/ContactUs"; +import TermsOfUse from "pages/Information/TermsOfUse"; +import PrivacyPolicy from "pages/Information/PrivacyPolicy"; +import CookiesPolicy from "pages/Information/CookiesPolicy"; +import AccountSettings from "pages/Information/AccountSettings"; + const rootElement = document.getElementById("root"); if (!rootElement) throw new Error("Failed to find the root element"); const root = ReactDOM.createRoot(rootElement); @@ -13,7 +21,16 @@ root.render( - }> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + } /> + diff --git a/src/pages/Information/About.tsx b/src/pages/Information/About.tsx new file mode 100644 index 0000000..ce57d7e --- /dev/null +++ b/src/pages/Information/About.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function About({}: Props) { + return ( + + About page + + ); +} diff --git a/src/pages/Information/AccountSettings.tsx b/src/pages/Information/AccountSettings.tsx new file mode 100644 index 0000000..983334f --- /dev/null +++ b/src/pages/Information/AccountSettings.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function AccountSettings({}: Props) { + return ( + + Accont Setting page + + ); +} diff --git a/src/pages/Information/ContactUs.tsx b/src/pages/Information/ContactUs.tsx new file mode 100644 index 0000000..271cfa2 --- /dev/null +++ b/src/pages/Information/ContactUs.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function ContactUs({}: Props) { + return ( + + Contact us page + + ); +} diff --git a/src/pages/Information/CookiesPolicy.tsx b/src/pages/Information/CookiesPolicy.tsx new file mode 100644 index 0000000..42c0980 --- /dev/null +++ b/src/pages/Information/CookiesPolicy.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function CookiesPolicy({}: Props) { + return ( + + Privacy Cookies page + + ); +} diff --git a/src/pages/Information/Help.tsx b/src/pages/Information/Help.tsx new file mode 100644 index 0000000..996b488 --- /dev/null +++ b/src/pages/Information/Help.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function Help({}: Props) { + return ( + + Help page + + ); +} diff --git a/src/pages/Information/PrivacyPolicy.tsx b/src/pages/Information/PrivacyPolicy.tsx new file mode 100644 index 0000000..fa35eff --- /dev/null +++ b/src/pages/Information/PrivacyPolicy.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function PrivacyPolicy({}: Props) { + return ( + + Privacy Policy page + + ); +} diff --git a/src/pages/Information/TermsOfUse.tsx b/src/pages/Information/TermsOfUse.tsx new file mode 100644 index 0000000..6700455 --- /dev/null +++ b/src/pages/Information/TermsOfUse.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function TermsOfUse({}: Props) { + return ( + + Terms of use page + + ); +}