diff --git a/my-app/src/assets/svgs/WppAndArrow.svg b/my-app/src/assets/svgs/Arrow.svg similarity index 100% rename from my-app/src/assets/svgs/WppAndArrow.svg rename to my-app/src/assets/svgs/Arrow.svg diff --git a/my-app/src/assets/svgs/ArrowEdt.png b/my-app/src/assets/svgs/ArrowEdt.png new file mode 100644 index 0000000..63cdf73 Binary files /dev/null and b/my-app/src/assets/svgs/ArrowEdt.png differ diff --git a/my-app/src/components/FooterTop/FooterTop.modules.scss b/my-app/src/components/FooterTop/FooterTop.modules.scss index 7b4efc8..e485195 100644 --- a/my-app/src/components/FooterTop/FooterTop.modules.scss +++ b/my-app/src/components/FooterTop/FooterTop.modules.scss @@ -60,4 +60,12 @@ text-decoration: none; } +} +.WppArrow{ + display: flex; + flex-direction: column; + gap: 5px; +} +.backTop{ + cursor: pointer; } \ No newline at end of file diff --git a/my-app/src/components/FooterTop/FooterTop.tsx b/my-app/src/components/FooterTop/FooterTop.tsx index 28bfb0b..9683333 100644 --- a/my-app/src/components/FooterTop/FooterTop.tsx +++ b/my-app/src/components/FooterTop/FooterTop.tsx @@ -5,7 +5,7 @@ import Twitter from '../../assets/svgs/Twitter.svg' import Youtube from '../../assets/svgs/Youtube.svg' import Linkedin from '../../assets/svgs/Linkedin.svg' import Whatsapp from '../../assets/svgs/Whatsapp.svg' -import WppAndArrow from '../../assets/svgs/WppAndArrow.svg' +import Arrow from '../../assets/svgs/ArrowEdt.png' const FooterTop = () => { return ( @@ -45,13 +45,16 @@ const FooterTop = () => { www.loremipsum.com -
- Whatsapp and Arrow Icon +
+ Whatsapp and Arrow Icon + Back to the top icon
) } - -export {FooterTop} \ No newline at end of file +function backtotop() { + window.scrollTo(0, 0); +} +export {FooterTop}; \ No newline at end of file