From 91f82fa574c68d9139009237cf021f2f7dcd6fc0 Mon Sep 17 00:00:00 2001 From: belikovme Date: Fri, 10 Jan 2025 14:38:41 +0700 Subject: [PATCH] add all docs with styles --- src/App.js | 8 +++++-- src/components/Footer.js | 18 +++++++++++++-- src/components/PrivacyPolicy.js | 22 +++++++++++++++++++ src/components/RefundPolicy.js | 22 +++++++++++++++++++ .../{PolicyPage.js => TermofUse.js} | 14 +++++++----- src/index.css | 22 +++++++++++-------- src/policy.json | 4 +++- src/translations.json | 8 +++++-- 8 files changed, 97 insertions(+), 21 deletions(-) create mode 100644 src/components/PrivacyPolicy.js create mode 100644 src/components/RefundPolicy.js rename src/components/{PolicyPage.js => TermofUse.js} (71%) diff --git a/src/App.js b/src/App.js index 515c240..f362ea0 100644 --- a/src/App.js +++ b/src/App.js @@ -59,7 +59,9 @@ import PricingPage from './components/PricingPage'; import { LanguageProvider } from './contexts/LanguageContext'; import RTLProvider from './contexts/RTLProvider'; import ScrollToTop from './components/ScrollToTop'; -import PolicyPage from './components/PolicyPage'; +import TermsOfUse from './components/TermofUse'; +import PrivacyPolicy from './components/PrivacyPolicy'; +import RefundPolicy from './components/RefundPolicy'; // Импорт глобальных стилей для RTL import './styles/rtl.css'; @@ -73,7 +75,9 @@ function App() { } /> } /> - } /> + } /> + } /> + } /> diff --git a/src/components/Footer.js b/src/components/Footer.js index 7483fca..cc453f3 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -39,9 +39,23 @@ export default function Footer() { ); } - if (key === 'policy') { + if (key === 'termsOfUse') { return ( - + + {value} + + ); + } + if (key === 'privacyPolicy') { + return ( + + {value} + + ); + } + if (key === 'refundPolicy') { + return ( + {value} ); diff --git a/src/components/PrivacyPolicy.js b/src/components/PrivacyPolicy.js new file mode 100644 index 0000000..095b989 --- /dev/null +++ b/src/components/PrivacyPolicy.js @@ -0,0 +1,22 @@ + +import React from 'react'; +import { Link } from 'react-router-dom'; // Если вы используете React Router +import policyData from '../policy.json'; +import Footer from './Footer'; + +const PrivacyPolicy = () => { + return ( + <> +
+
+ ← Back to main page +
+

Privacy Policy

+
+
+