Skip to content
This repository has been archived by the owner on Oct 29, 2024. It is now read-only.

added pages for footer links #112

Merged
merged 1 commit into from
Oct 22, 2022
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
added pages for footer links
roopeshsn committed Oct 22, 2022

Verified

This commit was signed with the committer’s verified signature.
snyk-bot Snyk bot
commit 705be5a88f2baaf1fc74828b3843c2fef6315246
8 changes: 8 additions & 0 deletions frontend/src/App.js
Original file line number Diff line number Diff line change
@@ -28,6 +28,10 @@ import CarouselEditScreen from './screens/CarouselEditScreen'
import CreateCarouselScreen from './screens/CreateCarouselScreen'
import { CategoryListScreen } from './screens/CategoryListScreen'
import Error404Screen from './screens/Error404Screen'
import Terms from './pages/Terms'
import Returns from './pages/Returns'
import Privacy from './pages/Privacy'
import Help from './pages/Help'

function App() {
return (
@@ -78,6 +82,10 @@ function App() {
component={CarouselEditScreen}
/>
<Route path="/admin/categorylist" component={CategoryListScreen} />
<Route path="/terms" component={Terms} />
<Route path="/returns" component={Returns} />
<Route path="/privacy" component={Privacy} />
<Route path="/help" component={Help} />
<Route path="*" component={Error404Screen} />
</Switch>
</Container>
26 changes: 18 additions & 8 deletions frontend/src/components/Footer.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react'
import { Container, Row, Col, Nav } from 'react-bootstrap'
import { Link } from 'react-router-dom'

const Footer = () => {
return (
@@ -9,23 +10,32 @@ const Footer = () => {
<Col>
<ul className="list-unstyled d-flex li-separator justify-content-start align-items-start">
<li className="d-flex pr-1">
<Nav.Link className="p-0" href="#" target="_blank">
<Link className="p-0 text-link" to="/returns">
Returns
</Nav.Link>
</Link>
</li>
<li className="d-flex px-1">
<Nav.Link className="p-0" href="#" target="_blank">
<Link className="p-0 text-link" to="/terms">
Terms
</Nav.Link>
</Link>
</li>
<li className="d-flex px-1">
<Nav.Link className="p-0" href="#" target="_blank">
<Link className="p-0 text-link" to="/privacy">
Privacy
</Nav.Link>
</Link>
</li>
<li>
<Nav.Link className="p-0" href="#" target="_blank">
<li className="d-flex px-1">
<Link className="p-0 text-link" to="/help">
Help
</Link>
</li>
<li>
<Nav.Link
className="p-0 text-link"
href="https://github.com/roopeshsn/freshbey"
target="_blank"
>
GitHub
</Nav.Link>
</li>
</ul>
12 changes: 11 additions & 1 deletion frontend/src/index.css
Original file line number Diff line number Diff line change
@@ -75,13 +75,23 @@ main {
}

a {
color: var(--bs-green);
color: var(--bs-gray-700);
}

a:hover {
color: var(--bs-green);
}

.text-link {
color: var(--bs-gray-700);
text-decoration: underline !important;
}

.text-link:hover {
color: var(--bs-green);
text-decoration: underline !important;
}

.btn-primary {
background-color: var(--bs-green);
border-color: var(--bs-green);
26 changes: 26 additions & 0 deletions frontend/src/pages/Help.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
import React from 'react'

const Help = () => {
return (
<div>
<h1>Freshbey Help Centre</h1>
<p>
The Freshbey Help Centre page lists out various types of issues that you
may have encountered so that there can be quick resolution and you can
go back to shopping online. For example, you can get more information
regarding order tracking, delivery date changes, help with returns (and
refunds), and much more. You can get the Freshbey Help Centre number or
even access Freshbey Help Centre support if you need professional help
regarding various topics. The support executive will ensure speedy
assistance so that your shopping experience is positive and enjoyable.
You can even inform your loved ones of the support page so that they can
properly get their grievances addressed as well. Once you have all your
queries addressed, you can pull out your shopping list and shop for all
your essentials in one place. You can shop during festive sales to get
your hands on some unbelievable deals online.
</p>
</div>
)
}

export default Help
18 changes: 18 additions & 0 deletions frontend/src/pages/Privacy.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import React from 'react'

const Privacy = () => {
return (
<div>
<h1>Privacy Policy</h1>
<p>
We value the trust you place in us and recognize the importance of
secure transactions and information privacy. This Privacy Policy
describes how Freshbey and its affiliates (collectively “Freshbey, we,
our, us”) collect, use, share or otherwise process your personal
information through Freshbey website.
</p>
</div>
)
}

export default Privacy
19 changes: 19 additions & 0 deletions frontend/src/pages/Returns.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import React from 'react'

const Returns = () => {
return (
<div>
<h1>Returns</h1>
<p>
Returns is a scheme provided by respective sellers directly under this
policy in terms of which the option of exchange, replacement and/ or
refund is offered by the respective sellers to you. All products listed
under a particular category may not have the same returns policy. For
all products, the returns/replacement policy provided on the product
page shall prevail over the general returns policy.
</p>
</div>
)
}

export default Returns
19 changes: 19 additions & 0 deletions frontend/src/pages/Terms.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import React from 'react'

const Terms = () => {
return (
<div>
<h1>Terms</h1>
<p>
This document is an electronic record in terms of Information Technology
Act, 2000 and rules there under as applicable and the amended provisions
pertaining to electronic records in various statutes as amended by the
Information Technology Act, 2000. This electronic record is generated by
a computer system and does not require any physical or digital
signatures.
</p>
</div>
)
}

export default Terms