Finished feature 581

src/AppRoutes.js

@@ -19,6 +19,9 @@ import {
   CHAT_MESSAGE_PAGE,
   CHAT_PAGE,
   MY_OFFERS_PAGE,
+  PRICES_PAGE,
+  ABOUT_PAGE,
+  POLICY_PRIVACY_PAGE,
 } from "./constants/pages";
 import LoginPage from "./pages/LoginPage/LoginPage";
 import HomePage from "./pages/HomePage/HomePageMUI";
@@ -36,6 +39,9 @@ import ProfilePage from "./pages/ProfilePage/ProfilePage";
 import ChatMessagesPage from "./pages/ChatMessages/ChatMessages";
 import ChatPage from "./pages/Chat/Chat";
 import MyOffers from "./pages/MyOffers/MyOffers";
+import PricesPage from "./pages/Prices/PricesPage";
+import AboutPage from "./pages/About/AboutPage";
+import PrivacyPolicyPage from "./pages/PrivacyPolicy/PrivacyPolicyPage";
 
 const AppRoutes = () => {
   return (
@@ -52,6 +58,9 @@ const AppRoutes = () => {
       <Route path={CREATE_OFFER_PAGE} component={CreateOffer} />
       <Route path={ITEM_DETAILS_PAGE} component={ItemDetailsPage} />
       <Route path={PROFILE_PAGE} component={ProfilePage} />
+      <Route path={PRICES_PAGE} component={PricesPage} />
+      <Route path={ABOUT_PAGE} component={AboutPage} />
+      <Route path={POLICY_PRIVACY_PAGE} component={PrivacyPolicyPage} />
       <Route
         path={HOME_PAGE}
         component={(props) => {

src/constants/pages.js

@@ -14,3 +14,6 @@ export const PROFILE_PAGE = "/profile/:idProfile"
 export const CHAT_PAGE = "/messages";
 export const CHAT_MESSAGE_PAGE = "/messages/:idChat";
 export const MY_OFFERS_PAGE = "/myoffers"
+export const ABOUT_PAGE = "/about";
+export const PRICES_PAGE = "/prices";
+export const POLICY_PRIVACY_PAGE = "/policy";

src/pages/About/AboutPage.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { AboutPageContainer } from './AboutPage.styled'
+
+const AboutPage = () => {
+  return (
+    <AboutPageContainer>
+        About page
+    </AboutPageContainer>
+  )
+}
+
+AboutPage.propTypes = {
+    children: PropTypes.node,
+}
+
+export default AboutPage

src/pages/About/AboutPage.styled.js

@@ -0,0 +1,6 @@
+import { Box } from "@mui/system";
+import styled from "styled-components";
+
+export const AboutPageContainer = styled(Box)`
+    margin-top: 80px;
+`

src/pages/Prices/PricesPage.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { PricesPageContainer } from './PricesPage.styled'
+
+const PricesPage = () => {
+  return (
+    <PricesPageContainer>
+        Prices page
+    </PricesPageContainer>
+  )
+}
+
+PricesPage.propTypes = {
+    children: PropTypes.node,
+}
+
+export default PricesPage

src/pages/Prices/PricesPage.styled.js

@@ -0,0 +1,6 @@
+import { Box } from "@mui/material";
+import styled from "styled-components";
+
+export const PricesPageContainer = styled(Box)`
+
+`

src/pages/PrivacyPolicy/PrivacyPolicyPage.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { PrivacyPolicyContainer } from './PrivacyPolicyPage.styled'
+
+const PrivacyPolicyPage = () => {
+  return (
+    <PrivacyPolicyContainer>
+        Privacy Policy Page
+    </PrivacyPolicyContainer>
+  )
+}
+
+PrivacyPolicyPage.propTypes = {
+  children: PropTypes.node,
+}
+
+export default PrivacyPolicyPage

src/pages/PrivacyPolicy/PrivacyPolicyPage.styled.js

@@ -0,0 +1,5 @@
+import { Box, styled } from "@mui/material";
+
+export const PrivacyPolicyContainer = styled(Box)`
+
+`