Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Develop #192

Open
wants to merge 20 commits into
base: master
Choose a base branch
from
Open

Develop #192

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
e88ceb3
addPages
nazar-medushevskyi Jul 18, 2023
5008125
fix-image
nazar-medushevskyi Jul 18, 2023
552f257
added logic for favorites
nazar-medushevskyi Jul 19, 2023
fa83e24
last version before basket
nazar-medushevskyi Jul 19, 2023
6035c94
fix
nazar-medushevskyi Jul 19, 2023
2b5cc6b
fixx
nazar-medushevskyi Jul 19, 2023
3f8a51a
added basket logic
nazar-medushevskyi Jul 20, 2023
e379781
add logic for basket
nazar-medushevskyi Jul 20, 2023
7f6bb40
addBasketLogic
nazar-medushevskyi Jul 22, 2023
ed7b72d
addLogicForB
nazar-medushevskyi Jul 23, 2023
48d9c9c
developp
nazar-medushevskyi Jul 23, 2023
ce0b4ff
fix-all
nazar-medushevskyi Jul 23, 2023
b144af9
fix2
nazar-medushevskyi Jul 24, 2023
66cdc5b
fix-2
nazar-medushevskyi Jul 24, 2023
91f5e9c
commitForTest&AddData-cy
nazar-medushevskyi Jul 25, 2023
959e1a5
The latest version before fixing the counts in the shopping cart
nazar-medushevskyi Jul 25, 2023
cec9cd5
fix-ALL&Finish
nazar-medushevskyi Jul 26, 2023
1d83974
developpp
nazar-medushevskyi Jul 27, 2023
ec91912
fix code for preview part 1
nazar-medushevskyi Jul 28, 2023
b8cd956
add-Hover
nazar-medushevskyi Aug 26, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
2 changes: 2 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,3 +116,5 @@ to links container.
### Other tasks
1. Add `NotFoundPage` containing text `Page not found` for all the other URLs with the link to `HomePage`
1. Implement `Phone was not found` state for the `PhoneDetailsPage` if there is no phone with a given `phoneId` on the server


223 changes: 165 additions & 58 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

10 changes: 8 additions & 2 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,21 +8,27 @@
"dependencies": {
"@cypress/react": "^5.12.4",
"bulma": "^0.9.3",
"classnames": "^2.3.2",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "^4.0.3"
"react-redux": "^8.1.1",
"react-router-dom": "^6.14.2",
"react-scripts": "^4.0.3",
"react-transition-group": "^4.4.5",
"redux": "^4.2.1"
},
"devDependencies": {
"@cypress/webpack-dev-server": "^1.8.4",
"@mate-academy/cypress-tools": "^1.0.4",
"@mate-academy/eslint-config-react": "*",
"@mate-academy/eslint-config-react-typescript": "*",
"@mate-academy/scripts": "^1.2.1",
"@mate-academy/scripts": "^1.2.8",
"@mate-academy/students-ts-config": "*",
"@mate-academy/stylelint-config": "*",
"@types/node": "^17.0.23",
"@types/react": "^17.0.43",
"@types/react-dom": "^17.0.14",
"@types/react-transition-group": "^4.4.6",
"cypress": "^9.5.3",
"eslint": "^7.32.0",
"eslint-plugin-cypress": "^2.11.2",
Expand Down
1 change: 1 addition & 0 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Phone catalog</title>
<link rel="icon" href="./img/iconForPage.svg">
</head>
<body>
<div id="root"></div>
Expand Down
0 public/_new/img/banner-accessories.png → public/new/img/banner-accessories.png
View file
Open in desktop
File renamed without changes
0 public/_new/img/banner-phones.png → public/new/img/banner-phones.png
View file
Open in desktop
File renamed without changes
0 public/_new/img/banner-tablets.png → public/new/img/banner-tablets.png
View file
Open in desktop
File renamed without changes
0 public/_new/img/category-accessories.png → public/new/img/category-accessories.png
View file
Open in desktop
File renamed without changes
0 public/_new/img/category-phones.png → public/new/img/category-phones.png
View file
Open in desktop
File renamed without changes
0 public/_new/img/category-tablets.png → public/new/img/category-tablets.png
View file
Open in desktop
File renamed without changes
0 ...hones/apple-iphone-11-pro-max/gold/00.jpg → ...hones/apple-iphone-11-pro-max/gold/00.jpg
View file
Open in desktop
File renamed without changes
0 ...hones/apple-iphone-11-pro-max/gold/01.jpg → ...hones/apple-iphone-11-pro-max/gold/01.jpg
View file
Open in desktop
File renamed without changes
0 ...hones/apple-iphone-11-pro-max/gold/02.jpg → ...hones/apple-iphone-11-pro-max/gold/02.jpg
View file
Open in desktop
File renamed without changes
0 ...le-iphone-11-pro-max/midnightgreen/00.jpg → ...le-iphone-11-pro-max/midnightgreen/00.jpg
View file
Open in desktop
File renamed without changes
0 ...le-iphone-11-pro-max/midnightgreen/01.jpg → ...le-iphone-11-pro-max/midnightgreen/01.jpg
View file
Open in desktop
File renamed without changes
0 ...le-iphone-11-pro-max/midnightgreen/02.jpg → ...le-iphone-11-pro-max/midnightgreen/02.jpg
View file
Open in desktop
File renamed without changes
0 ...le-iphone-11-pro-max/midnightgreen/03.jpg → ...le-iphone-11-pro-max/midnightgreen/03.jpg
View file
Open in desktop
File renamed without changes
0 ...nes/apple-iphone-11-pro-max/silver/00.jpg → ...nes/apple-iphone-11-pro-max/silver/00.jpg
View file
Open in desktop
File renamed without changes
0 ...nes/apple-iphone-11-pro-max/silver/01.jpg → ...nes/apple-iphone-11-pro-max/silver/01.jpg
View file
Open in desktop
File renamed without changes
0 ...nes/apple-iphone-11-pro-max/silver/02.jpg → ...nes/apple-iphone-11-pro-max/silver/02.jpg
View file
Open in desktop
File renamed without changes
0 .../apple-iphone-11-pro-max/spacegray/00.jpg → .../apple-iphone-11-pro-max/spacegray/00.jpg
View file
Open in desktop
File renamed without changes
0 .../apple-iphone-11-pro-max/spacegray/01.jpg → .../apple-iphone-11-pro-max/spacegray/01.jpg
View file
Open in desktop
File renamed without changes
0 .../apple-iphone-11-pro-max/spacegray/02.jpg → .../apple-iphone-11-pro-max/spacegray/02.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-11-pro/gold/00.jpg → ...mg/phones/apple-iphone-11-pro/gold/00.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-11-pro/gold/01.jpg → ...mg/phones/apple-iphone-11-pro/gold/01.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-11-pro/gold/02.jpg → ...mg/phones/apple-iphone-11-pro/gold/02.jpg
View file
Open in desktop
File renamed without changes
0 .../apple-iphone-11-pro/midnightgreen/00.jpg → .../apple-iphone-11-pro/midnightgreen/00.jpg
View file
Open in desktop
File renamed without changes
0 .../apple-iphone-11-pro/midnightgreen/01.jpg → .../apple-iphone-11-pro/midnightgreen/01.jpg
View file
Open in desktop
File renamed without changes
0 .../apple-iphone-11-pro/midnightgreen/02.jpg → .../apple-iphone-11-pro/midnightgreen/02.jpg
View file
Open in desktop
File renamed without changes
0 .../apple-iphone-11-pro/midnightgreen/03.jpg → .../apple-iphone-11-pro/midnightgreen/03.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-11-pro/silver/00.jpg → .../phones/apple-iphone-11-pro/silver/00.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-11-pro/silver/01.jpg → .../phones/apple-iphone-11-pro/silver/01.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-11-pro/silver/02.jpg → .../phones/apple-iphone-11-pro/silver/02.jpg
View file
Open in desktop
File renamed without changes
0 ...ones/apple-iphone-11-pro/spacegray/00.jpg → ...ones/apple-iphone-11-pro/spacegray/00.jpg
View file
Open in desktop
File renamed without changes
0 ...ones/apple-iphone-11-pro/spacegray/01.jpg → ...ones/apple-iphone-11-pro/spacegray/01.jpg
View file
Open in desktop
File renamed without changes
0 ...ones/apple-iphone-11-pro/spacegray/02.jpg → ...ones/apple-iphone-11-pro/spacegray/02.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/black/00.jpg → ...w/img/phones/apple-iphone-11/black/00.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/black/01.jpg → ...w/img/phones/apple-iphone-11/black/01.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/black/02.jpg → ...w/img/phones/apple-iphone-11/black/02.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/black/03.jpg → ...w/img/phones/apple-iphone-11/black/03.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/black/04.jpg → ...w/img/phones/apple-iphone-11/black/04.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/green/00.jpg → ...w/img/phones/apple-iphone-11/green/00.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/green/01.jpg → ...w/img/phones/apple-iphone-11/green/01.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/green/02.jpg → ...w/img/phones/apple-iphone-11/green/02.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/green/03.jpg → ...w/img/phones/apple-iphone-11/green/03.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/green/04.jpg → ...w/img/phones/apple-iphone-11/green/04.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/purple/00.jpg → .../img/phones/apple-iphone-11/purple/00.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/purple/01.jpg → .../img/phones/apple-iphone-11/purple/01.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/purple/02.jpg → .../img/phones/apple-iphone-11/purple/02.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/purple/03.jpg → .../img/phones/apple-iphone-11/purple/03.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/purple/04.jpg → .../img/phones/apple-iphone-11/purple/04.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-11/red/00.jpg → ...new/img/phones/apple-iphone-11/red/00.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-11/red/01.jpg → ...new/img/phones/apple-iphone-11/red/01.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-11/red/02.jpg → ...new/img/phones/apple-iphone-11/red/02.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-11/red/03.jpg → ...new/img/phones/apple-iphone-11/red/03.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-11/red/04.jpg → ...new/img/phones/apple-iphone-11/red/04.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/white/00.jpg → ...w/img/phones/apple-iphone-11/white/00.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/white/01.jpg → ...w/img/phones/apple-iphone-11/white/01.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/white/02.jpg → ...w/img/phones/apple-iphone-11/white/02.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/white/03.jpg → ...w/img/phones/apple-iphone-11/white/03.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-11/white/04.jpg → ...w/img/phones/apple-iphone-11/white/04.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/yellow/00.jpg → .../img/phones/apple-iphone-11/yellow/00.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/yellow/01.jpg → .../img/phones/apple-iphone-11/yellow/01.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/yellow/02.jpg → .../img/phones/apple-iphone-11/yellow/02.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/yellow/03.jpg → .../img/phones/apple-iphone-11/yellow/03.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-11/yellow/04.jpg → .../img/phones/apple-iphone-11/yellow/04.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-7-plus/black/00.jpg → ...g/phones/apple-iphone-7-plus/black/00.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-7-plus/black/01.jpg → ...g/phones/apple-iphone-7-plus/black/01.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-7-plus/black/02.jpg → ...g/phones/apple-iphone-7-plus/black/02.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-7-plus/black/03.jpg → ...g/phones/apple-iphone-7-plus/black/03.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-7-plus/black/04.jpg → ...g/phones/apple-iphone-7-plus/black/04.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-7-plus/gold/00.jpg → ...mg/phones/apple-iphone-7-plus/gold/00.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-7-plus/gold/01.jpg → ...mg/phones/apple-iphone-7-plus/gold/01.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-7-plus/gold/02.jpg → ...mg/phones/apple-iphone-7-plus/gold/02.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-7-plus/gold/03.jpg → ...mg/phones/apple-iphone-7-plus/gold/03.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-7-plus/gold/04.jpg → ...mg/phones/apple-iphone-7-plus/gold/04.jpg
View file
Open in desktop
File renamed without changes
0 ...hones/apple-iphone-7-plus/rosegold/00.jpg → ...hones/apple-iphone-7-plus/rosegold/00.jpg
View file
Open in desktop
File renamed without changes
0 ...hones/apple-iphone-7-plus/rosegold/01.jpg → ...hones/apple-iphone-7-plus/rosegold/01.jpg
View file
Open in desktop
File renamed without changes
0 ...hones/apple-iphone-7-plus/rosegold/02.jpg → ...hones/apple-iphone-7-plus/rosegold/02.jpg
View file
Open in desktop
File renamed without changes
0 ...hones/apple-iphone-7-plus/rosegold/03.jpg → ...hones/apple-iphone-7-plus/rosegold/03.jpg
View file
Open in desktop
File renamed without changes
0 ...hones/apple-iphone-7-plus/rosegold/04.jpg → ...hones/apple-iphone-7-plus/rosegold/04.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-7-plus/silver/00.jpg → .../phones/apple-iphone-7-plus/silver/00.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-7-plus/silver/01.jpg → .../phones/apple-iphone-7-plus/silver/01.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-7-plus/silver/02.jpg → .../phones/apple-iphone-7-plus/silver/02.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-7-plus/silver/03.jpg → .../phones/apple-iphone-7-plus/silver/03.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-7-plus/silver/04.jpg → .../phones/apple-iphone-7-plus/silver/04.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-7/black/00.jpg → ...ew/img/phones/apple-iphone-7/black/00.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-7/black/01.jpg → ...ew/img/phones/apple-iphone-7/black/01.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-7/black/02.jpg → ...ew/img/phones/apple-iphone-7/black/02.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-7/black/03.jpg → ...ew/img/phones/apple-iphone-7/black/03.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-7/black/04.jpg → ...ew/img/phones/apple-iphone-7/black/04.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-7/gold/00.jpg → ...new/img/phones/apple-iphone-7/gold/00.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-7/gold/01.jpg → ...new/img/phones/apple-iphone-7/gold/01.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-7/gold/02.jpg → ...new/img/phones/apple-iphone-7/gold/02.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-7/gold/03.jpg → ...new/img/phones/apple-iphone-7/gold/03.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-7/gold/04.jpg → ...new/img/phones/apple-iphone-7/gold/04.jpg
View file
Open in desktop
File renamed without changes
0 ...img/phones/apple-iphone-7/rosegold/00.jpg → ...img/phones/apple-iphone-7/rosegold/00.jpg
View file
Open in desktop
File renamed without changes
0 ...img/phones/apple-iphone-7/rosegold/01.jpg → ...img/phones/apple-iphone-7/rosegold/01.jpg
View file
Open in desktop
File renamed without changes
0 ...img/phones/apple-iphone-7/rosegold/02.jpg → ...img/phones/apple-iphone-7/rosegold/02.jpg
View file
Open in desktop
File renamed without changes
0 ...img/phones/apple-iphone-7/rosegold/03.jpg → ...img/phones/apple-iphone-7/rosegold/03.jpg
View file
Open in desktop
File renamed without changes
0 ...img/phones/apple-iphone-7/rosegold/04.jpg → ...img/phones/apple-iphone-7/rosegold/04.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-7/silver/00.jpg → ...w/img/phones/apple-iphone-7/silver/00.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-7/silver/01.jpg → ...w/img/phones/apple-iphone-7/silver/01.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-7/silver/02.jpg → ...w/img/phones/apple-iphone-7/silver/02.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-7/silver/03.jpg → ...w/img/phones/apple-iphone-7/silver/03.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-7/silver/04.jpg → ...w/img/phones/apple-iphone-7/silver/04.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-8/gold/00.jpg → ...new/img/phones/apple-iphone-8/gold/00.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-8/gold/01.jpg → ...new/img/phones/apple-iphone-8/gold/01.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-8/gold/02.jpg → ...new/img/phones/apple-iphone-8/gold/02.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-8/gold/03.jpg → ...new/img/phones/apple-iphone-8/gold/03.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-8/silver/00.jpg → ...w/img/phones/apple-iphone-8/silver/00.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-8/silver/01.jpg → ...w/img/phones/apple-iphone-8/silver/01.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-8/silver/02.jpg → ...w/img/phones/apple-iphone-8/silver/02.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-8/silver/03.jpg → ...w/img/phones/apple-iphone-8/silver/03.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-8/spacegray/00.jpg → ...mg/phones/apple-iphone-8/spacegray/00.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-8/spacegray/01.jpg → ...mg/phones/apple-iphone-8/spacegray/01.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-8/spacegray/02.jpg → ...mg/phones/apple-iphone-8/spacegray/02.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-8/spacegray/03.jpg → ...mg/phones/apple-iphone-8/spacegray/03.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-xr/coral/00.jpg → ...w/img/phones/apple-iphone-xr/coral/00.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-xr/coral/01.jpg → ...w/img/phones/apple-iphone-xr/coral/01.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-xr/coral/02.jpg → ...w/img/phones/apple-iphone-xr/coral/02.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-xr/red/00.jpg → ...new/img/phones/apple-iphone-xr/red/00.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-xr/red/01.jpg → ...new/img/phones/apple-iphone-xr/red/01.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-xr/red/02.jpg → ...new/img/phones/apple-iphone-xr/red/02.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-xr/red/03.jpg → ...new/img/phones/apple-iphone-xr/red/03.jpg
View file
Open in desktop
File renamed without changes
0 ...new/img/phones/apple-iphone-xr/red/04.jpg → ...new/img/phones/apple-iphone-xr/red/04.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-xr/white/00.jpg → ...w/img/phones/apple-iphone-xr/white/00.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-xr/white/01.jpg → ...w/img/phones/apple-iphone-xr/white/01.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-xr/white/02.jpg → ...w/img/phones/apple-iphone-xr/white/02.jpg
View file
Open in desktop
File renamed without changes
0 ...w/img/phones/apple-iphone-xr/white/03.jpg → ...w/img/phones/apple-iphone-xr/white/03.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-xr/yellow/00.jpg → .../img/phones/apple-iphone-xr/yellow/00.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-xr/yellow/01.jpg → .../img/phones/apple-iphone-xr/yellow/01.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-xr/yellow/02.jpg → .../img/phones/apple-iphone-xr/yellow/02.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-xr/yellow/03.jpg → .../img/phones/apple-iphone-xr/yellow/03.jpg
View file
Open in desktop
File renamed without changes
0 .../img/phones/apple-iphone-xr/yellow/04.jpg → .../img/phones/apple-iphone-xr/yellow/04.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-xs-max/gold/00.jpg → ...mg/phones/apple-iphone-xs-max/gold/00.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-xs-max/gold/01.jpg → ...mg/phones/apple-iphone-xs-max/gold/01.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-xs-max/gold/02.jpg → ...mg/phones/apple-iphone-xs-max/gold/02.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-xs-max/gold/03.jpg → ...mg/phones/apple-iphone-xs-max/gold/03.jpg
View file
Open in desktop
File renamed without changes
0 ...mg/phones/apple-iphone-xs-max/gold/04.jpg → ...mg/phones/apple-iphone-xs-max/gold/04.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-xs-max/silver/00.jpg → .../phones/apple-iphone-xs-max/silver/00.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-xs-max/silver/01.jpg → .../phones/apple-iphone-xs-max/silver/01.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-xs-max/silver/02.jpg → .../phones/apple-iphone-xs-max/silver/02.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-xs-max/silver/03.jpg → .../phones/apple-iphone-xs-max/silver/03.jpg
View file
Open in desktop
File renamed without changes
0 .../phones/apple-iphone-xs-max/silver/04.jpg → .../phones/apple-iphone-xs-max/silver/04.jpg
View file
Open in desktop
File renamed without changes
0 ...ones/apple-iphone-xs-max/spacegray/00.jpg → ...ones/apple-iphone-xs-max/spacegray/00.jpg
View file
Open in desktop
File renamed without changes
0 ...ones/apple-iphone-xs-max/spacegray/01.jpg → ...ones/apple-iphone-xs-max/spacegray/01.jpg
View file
Open in desktop
File renamed without changes
0 ...ones/apple-iphone-xs-max/spacegray/02.jpg → ...ones/apple-iphone-xs-max/spacegray/02.jpg
View file
Open in desktop
File renamed without changes
0 ...ones/apple-iphone-xs-max/spacegray/03.jpg → ...ones/apple-iphone-xs-max/spacegray/03.jpg
View file
Open in desktop
File renamed without changes
0 ...ones/apple-iphone-xs-max/spacegray/04.jpg → ...ones/apple-iphone-xs-max/spacegray/04.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-xs/gold/00.jpg → ...ew/img/phones/apple-iphone-xs/gold/00.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-xs/gold/01.jpg → ...ew/img/phones/apple-iphone-xs/gold/01.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-xs/gold/02.jpg → ...ew/img/phones/apple-iphone-xs/gold/02.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-xs/gold/03.jpg → ...ew/img/phones/apple-iphone-xs/gold/03.jpg
View file
Open in desktop
File renamed without changes
0 ...ew/img/phones/apple-iphone-xs/gold/04.jpg → ...ew/img/phones/apple-iphone-xs/gold/04.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-xs/spacegray/00.jpg → ...g/phones/apple-iphone-xs/spacegray/00.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-xs/spacegray/01.jpg → ...g/phones/apple-iphone-xs/spacegray/01.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-xs/spacegray/02.jpg → ...g/phones/apple-iphone-xs/spacegray/02.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-xs/spacegray/03.jpg → ...g/phones/apple-iphone-xs/spacegray/03.jpg
View file
Open in desktop
File renamed without changes
0 ...g/phones/apple-iphone-xs/spacegray/04.jpg → ...g/phones/apple-iphone-xs/spacegray/04.jpg
View file
Open in desktop
File renamed without changes
0 public/_new/img/picthree.bdd2e0fc.png → public/new/img/picthree.bdd2e0fc.png
View file
Open in desktop
File renamed without changes
0 public/_new/products.json → public/new/products.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-11-128gb-black.json → ...products/apple-iphone-11-128gb-black.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-11-128gb-green.json → ...products/apple-iphone-11-128gb-green.json
View file
Open in desktop
File renamed without changes.
0 ...roducts/apple-iphone-11-128gb-purple.json → ...roducts/apple-iphone-11-128gb-purple.json
View file
Open in desktop
File renamed without changes.
0 ...w/products/apple-iphone-11-128gb-red.json → ...w/products/apple-iphone-11-128gb-red.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-11-128gb-white.json → ...products/apple-iphone-11-128gb-white.json
View file
Open in desktop
File renamed without changes.
0 ...roducts/apple-iphone-11-128gb-yellow.json → ...roducts/apple-iphone-11-128gb-yellow.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-11-256gb-black.json → ...products/apple-iphone-11-256gb-black.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-11-256gb-green.json → ...products/apple-iphone-11-256gb-green.json
View file
Open in desktop
File renamed without changes.
0 ...roducts/apple-iphone-11-256gb-purple.json → ...roducts/apple-iphone-11-256gb-purple.json
View file
Open in desktop
File renamed without changes.
0 ...w/products/apple-iphone-11-256gb-red.json → ...w/products/apple-iphone-11-256gb-red.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-11-256gb-white.json → ...products/apple-iphone-11-256gb-white.json
View file
Open in desktop
File renamed without changes.
0 ...roducts/apple-iphone-11-256gb-yellow.json → ...roducts/apple-iphone-11-256gb-yellow.json
View file
Open in desktop
File renamed without changes.
0 .../products/apple-iphone-11-64gb-black.json → .../products/apple-iphone-11-64gb-black.json
View file
Open in desktop
File renamed without changes.
0 .../products/apple-iphone-11-64gb-green.json → .../products/apple-iphone-11-64gb-green.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-11-64gb-purple.json → ...products/apple-iphone-11-64gb-purple.json
View file
Open in desktop
File renamed without changes.
0 ...ew/products/apple-iphone-11-64gb-red.json → ...ew/products/apple-iphone-11-64gb-red.json
View file
Open in desktop
File renamed without changes.
0 .../products/apple-iphone-11-64gb-white.json → .../products/apple-iphone-11-64gb-white.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-11-64gb-yellow.json → ...products/apple-iphone-11-64gb-yellow.json
View file
Open in desktop
File renamed without changes.
0 ...ducts/apple-iphone-11-pro-256gb-gold.json → ...ducts/apple-iphone-11-pro-256gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...le-iphone-11-pro-256gb-midnightgreen.json → ...le-iphone-11-pro-256gb-midnightgreen.json
View file
Open in desktop
File renamed without changes.
0 ...cts/apple-iphone-11-pro-256gb-silver.json → ...cts/apple-iphone-11-pro-256gb-silver.json
View file
Open in desktop
File renamed without changes.
0 .../apple-iphone-11-pro-256gb-spacegray.json → .../apple-iphone-11-pro-256gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...ducts/apple-iphone-11-pro-512gb-gold.json → ...ducts/apple-iphone-11-pro-512gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...le-iphone-11-pro-512gb-midnightgreen.json → ...le-iphone-11-pro-512gb-midnightgreen.json
View file
Open in desktop
File renamed without changes.
0 ...cts/apple-iphone-11-pro-512gb-silver.json → ...cts/apple-iphone-11-pro-512gb-silver.json
View file
Open in desktop
File renamed without changes.
0 .../apple-iphone-11-pro-512gb-spacegray.json → .../apple-iphone-11-pro-512gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...oducts/apple-iphone-11-pro-64gb-gold.json → ...oducts/apple-iphone-11-pro-64gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...ple-iphone-11-pro-64gb-midnightgreen.json → ...ple-iphone-11-pro-64gb-midnightgreen.json
View file
Open in desktop
File renamed without changes.
0 ...ucts/apple-iphone-11-pro-64gb-silver.json → ...ucts/apple-iphone-11-pro-64gb-silver.json
View file
Open in desktop
File renamed without changes.
0 ...s/apple-iphone-11-pro-64gb-spacegray.json → ...s/apple-iphone-11-pro-64gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...s/apple-iphone-11-pro-max-256gb-gold.json → ...s/apple-iphone-11-pro-max-256gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...phone-11-pro-max-256gb-midnightgreen.json → ...phone-11-pro-max-256gb-midnightgreen.json
View file
Open in desktop
File renamed without changes.
0 ...apple-iphone-11-pro-max-256gb-silver.json → ...apple-iphone-11-pro-max-256gb-silver.json
View file
Open in desktop
File renamed without changes.
0 ...le-iphone-11-pro-max-256gb-spacegray.json → ...le-iphone-11-pro-max-256gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...s/apple-iphone-11-pro-max-512gb-gold.json → ...s/apple-iphone-11-pro-max-512gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...phone-11-pro-max-512gb-midnightgreen.json → ...phone-11-pro-max-512gb-midnightgreen.json
View file
Open in desktop
File renamed without changes.
0 ...apple-iphone-11-pro-max-512gb-silver.json → ...apple-iphone-11-pro-max-512gb-silver.json
View file
Open in desktop
File renamed without changes.
0 ...le-iphone-11-pro-max-512gb-spacegray.json → ...le-iphone-11-pro-max-512gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...ts/apple-iphone-11-pro-max-64gb-gold.json → ...ts/apple-iphone-11-pro-max-64gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...iphone-11-pro-max-64gb-midnightgreen.json → ...iphone-11-pro-max-64gb-midnightgreen.json
View file
Open in desktop
File renamed without changes.
0 .../apple-iphone-11-pro-max-64gb-silver.json → .../apple-iphone-11-pro-max-64gb-silver.json
View file
Open in desktop
File renamed without changes.
0 ...ple-iphone-11-pro-max-64gb-spacegray.json → ...ple-iphone-11-pro-max-64gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...w/products/apple-iphone-7-32gb-black.json → ...w/products/apple-iphone-7-32gb-black.json
View file
Open in desktop
File renamed without changes.
0 ...ew/products/apple-iphone-7-32gb-gold.json → ...ew/products/apple-iphone-7-32gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...roducts/apple-iphone-7-32gb-rosegold.json → ...roducts/apple-iphone-7-32gb-rosegold.json
View file
Open in desktop
File renamed without changes.
0 .../products/apple-iphone-7-32gb-silver.json → .../products/apple-iphone-7-32gb-silver.json
View file
Open in desktop
File renamed without changes.
0 ...ducts/apple-iphone-7-plus-32gb-black.json → ...ducts/apple-iphone-7-plus-32gb-black.json
View file
Open in desktop
File renamed without changes.
0 ...oducts/apple-iphone-7-plus-32gb-gold.json → ...oducts/apple-iphone-7-plus-32gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...ts/apple-iphone-7-plus-32gb-rosegold.json → ...ts/apple-iphone-7-plus-32gb-rosegold.json
View file
Open in desktop
File renamed without changes.
0 ...ucts/apple-iphone-7-plus-32gb-silver.json → ...ucts/apple-iphone-7-plus-32gb-silver.json
View file
Open in desktop
File renamed without changes.
0 ...ew/products/apple-iphone-8-64gb-gold.json → ...ew/products/apple-iphone-8-64gb-gold.json
View file
Open in desktop
File renamed without changes.
0 .../products/apple-iphone-8-64gb-silver.json → .../products/apple-iphone-8-64gb-silver.json
View file
Open in desktop
File renamed without changes.
0 ...oducts/apple-iphone-8-64gb-spacegray.json → ...oducts/apple-iphone-8-64gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-xr-128gb-coral.json → ...products/apple-iphone-xr-128gb-coral.json
View file
Open in desktop
File renamed without changes.
0 ...w/products/apple-iphone-xr-128gb-red.json → ...w/products/apple-iphone-xr-128gb-red.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-xr-128gb-white.json → ...products/apple-iphone-xr-128gb-white.json
View file
Open in desktop
File renamed without changes.
0 ...roducts/apple-iphone-xr-128gb-yellow.json → ...roducts/apple-iphone-xr-128gb-yellow.json
View file
Open in desktop
File renamed without changes.
0 .../products/apple-iphone-xr-64gb-coral.json → .../products/apple-iphone-xr-64gb-coral.json
View file
Open in desktop
File renamed without changes.
0 ...ew/products/apple-iphone-xr-64gb-red.json → ...ew/products/apple-iphone-xr-64gb-red.json
View file
Open in desktop
File renamed without changes.
0 .../products/apple-iphone-xr-64gb-white.json → .../products/apple-iphone-xr-64gb-white.json
View file
Open in desktop
File renamed without changes.
0 ...products/apple-iphone-xr-64gb-yellow.json → ...products/apple-iphone-xr-64gb-yellow.json
View file
Open in desktop
File renamed without changes.
0 .../products/apple-iphone-xs-256gb-gold.json → .../products/apple-iphone-xs-256gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...ucts/apple-iphone-xs-256gb-spacegray.json → ...ucts/apple-iphone-xs-256gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...w/products/apple-iphone-xs-64gb-gold.json → ...w/products/apple-iphone-xs-64gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...ducts/apple-iphone-xs-64gb-spacegray.json → ...ducts/apple-iphone-xs-64gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...ducts/apple-iphone-xs-max-256gb-gold.json → ...ducts/apple-iphone-xs-max-256gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...cts/apple-iphone-xs-max-256gb-silver.json → ...cts/apple-iphone-xs-max-256gb-silver.json
View file
Open in desktop
File renamed without changes.
0 .../apple-iphone-xs-max-256gb-spacegray.json → .../apple-iphone-xs-max-256gb-spacegray.json
View file
Open in desktop
File renamed without changes.
0 ...oducts/apple-iphone-xs-max-64gb-gold.json → ...oducts/apple-iphone-xs-max-64gb-gold.json
View file
Open in desktop
File renamed without changes.
0 ...ucts/apple-iphone-xs-max-64gb-silver.json → ...ucts/apple-iphone-xs-max-64gb-silver.json
View file
Open in desktop
File renamed without changes.
0 ...s/apple-iphone-xs-max-64gb-spacegray.json → ...s/apple-iphone-xs-max-64gb-spacegray.json
View file
Open in desktop
File renamed without changes.
82 changes: 76 additions & 6 deletions src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,79 @@
import { Route, Routes, useLocation } from 'react-router-dom';
import './App.scss';
import { useEffect } from 'react';
import { FavoriteContextProvider }
from './core/context/FavoriteContext/FavoriteContext';
import {
Header,
HomePage,
NotFoundPage,
PhonePreview,
PhonesPage,
ContactsPage,
Favorite,
Basket,
Rights,
Footer,
}
from './Components';

const App = () => (
<div className="App">
<h1>React Phone Catalog</h1>
</div>
);
export const App = () => {
const location = useLocation();

export default App;
useEffect(() => {
window.scrollTo(0, 0);
}, [location]);

return (
<FavoriteContextProvider>
<Header searchValue="" setSearchValue={() => null} />

<div className="main">
<Routes>
<Route path="/" element={<HomePage />} />
<Route path="/phones" element={<PhonesPage />} />
<Route path="/phones/:id" element={<PhonePreview />} />
<Route
path="/tablets"
element={(
<NotFoundPage
title="Tables"
h1="Tablet page under construction"
text="
the tablet page is not ready yet, we suggest you return to the"
/>
)}
/>
<Route
path="/accessories"
element={(
<NotFoundPage
title="Accessories"
h1="Accessories page under construction"
text="
accessories page is not ready yet, we suggest you return to the"
/>
)}
/>
<Route path="/favorites" element={<Favorite />} />
<Route path="/cart" element={<Basket />} />
<Route path="/contacts" element={<ContactsPage />} />
<Route path="/rights" element={<Rights />} />
<Route
path="*"
element={(
<NotFoundPage
title="Page Not Found!"
h1="Page Not Found!"
text="sorry, it looks like you got lost,
we suggest you return to the"
/>
)}
/>
</Routes>
</div>

<Footer />
</FavoriteContextProvider>
);
};
5 changes: 5 additions & 0 deletions src/Components/Footer/Footer-images/Arrow.svg
View file
Open in desktop
6 changes: 6 additions & 0 deletions src/Components/Footer/Footer-images/LOGO.svg
View file
Open in desktop
9 changes: 9 additions & 0 deletions src/Components/Footer/Footer-images/basket.svg
View file
Open in desktop
5 changes: 5 additions & 0 deletions src/Components/Footer/Footer-images/heart.svg
View file
Open in desktop
125 changes: 125 additions & 0 deletions src/Components/Footer/Footer.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
html {
scroll-behavior: smooth;
}

.header-position {
position: absolute;
left: 0;
top: 0;
right: 0;
}

.footer {
height: 96px;
box-shadow: 0px -1px 0px 0px #e2e6e9;
background: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 90px;

&__FirstChild {
display: flex;
align-items: center;
gap: 64px;
}

&__FirstChild-nav {
&-list {
margin: 0;
padding: 0;
display: flex;
list-style: none;
font-size: 12px;
font-family: "Mont-Regular", sans-serif;
font-weight: 700;
text-transform: uppercase;
line-height: 5.5;
letter-spacing: 0.48;
word-wrap: break-word;
overflow: hidden;
}

&-link {
display: flex;
position: relative;
text-decoration: none;
color: #89939a;
transition: 0.3s;
&:hover {
color: #313237;
}
}
}

&__FirstChild-nav-item:not(:last-child) {
margin-right: 64px;
}

&__LastChild-arrow {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
flex-shrink: 0;
background: #fff;
border: 1px solid #b4bdc3;
transition: 0.3s;
&:hover,
&:focus,
&:active {
box-shadow: 1px 0px 0px 0px #747779;
box-shadow: -1px 0px 0px 0px #747779;
}
}
}

.arrow-svg {
cursor: pointer;
background-size: cover;
background-repeat: no-repeat;
height: 20px;
width: 23px;
}

.arrow-button {
border: none;
background-color: transparent;
padding: 0;
cursor: pointer;
}

.logoImage {
height: 24px;
width: 40px;
background-repeat: no-repeat;
transition: 0.3s;
&:hover {
cursor: pointer;
}
}

.footer__ThridChild {
display: flex;
align-items: center;
gap: 16px;
}

.footer-p {
color: #89939a;
text-align: right;
font-size: 12px;
font-family: "Mont-Regular", sans-serif;
font-weight: 600;
}

.is-activee {
display: flex;
position: relative;
text-decoration: none;
color: #313237;
transition: 0.3s;
}

$variable: 10px;
79 changes: 79 additions & 0 deletions src/Components/Footer/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
import './Footer.scss';
import { Link, useLocation } from 'react-router-dom';
import { FC } from 'react';
import ArrowImage from './Footer-images/Arrow.svg';
import LogoImage from './Footer-images/LOGO.svg';

export const Footer: FC = () => {
const location = useLocation();

const handleScrollToTop = () => {
window.scrollTo({
top: 0,
behavior: 'smooth',
});
};

return (
<footer className="footer">
<div className="footer__FirstChild">
<div className="footer__FirstChild-logo">
<Link to="/">
<img className="logoImage" src={LogoImage} alt="Logo" />
</Link>
</div>
</div>

<div className="footer__TwoChild">
<nav className="footer__FirstChild-nav">
<ul className="footer__FirstChild-nav-list">
<li className="footer__FirstChild-nav-item">
<Link
to="https://github.com/nazar-medushevskyi?tab=repositories"
className="footer__FirstChild-nav-link"
>
Github
</Link>
</li>
<li className="footer__FirstChild-nav-item">
<Link
to="/contacts"
className={`footer__FirstChild-nav-link ${location.pathname === '/contacts' ? 'is-activee' : ''}`}
>
Contacts
</Link>
</li>
<li className="footer__FirstChild-nav-item">
<Link
to="/rights"
className={`footer__FirstChild-nav-link ${location.pathname === '/rights' ? 'is-activee' : ''}`}
>
rights
</Link>
</li>
</ul>
</nav>
</div>

<div className="footer__ThridChild">
<p className="footer-p">Back to top</p>
<div className="footer__LastChild-arrow">

<button
type="button"
className="arrow-button"
onClick={handleScrollToTop}
>
<img
className="arrow-svg"
src={ArrowImage}
alt="basket"
/>
</button>

</div>
</div>

</footer>
);
};
1 change: 1 addition & 0 deletions src/Components/Footer/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export { Footer } from './Footer';
Loading
Loading