diff --git a/package-lock.json b/package-lock.json index e1ee14b..955817c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7,13 +7,15 @@ "": { "name": "popshop", "version": "0.0.0", + "license": "ISC", "dependencies": { "@hookform/resolvers": "^3.3.4", "@supabase/supabase-js": "^2.39.8", "appwrite": "^13.0.2", "react": "^18.2.0", - "react-dom": "^18.2.0", + "react-dom": "^18.3.1", "react-hook-form": "^7.51.4", + "react-icons": "^5.2.1", "react-router-dom": "^6.22.1", "tailwindcss": "^3.4.1", "zod": "^3.23.8" @@ -3558,9 +3560,9 @@ ] }, "node_modules/react": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", - "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", + "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", "dependencies": { "loose-envify": "^1.1.0" }, @@ -3569,15 +3571,15 @@ } }, "node_modules/react-dom": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", - "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz", + "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", "dependencies": { "loose-envify": "^1.1.0", - "scheduler": "^0.23.0" + "scheduler": "^0.23.2" }, "peerDependencies": { - "react": "^18.2.0" + "react": "^18.3.1" } }, "node_modules/react-hook-form": { @@ -3595,6 +3597,14 @@ "react": "^16.8.0 || ^17 || ^18" } }, + "node_modules/react-icons": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz", + "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-refresh": { "version": "0.14.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", @@ -3757,9 +3767,9 @@ } }, "node_modules/scheduler": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", - "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", + "version": "0.23.2", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz", + "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==", "dependencies": { "loose-envify": "^1.1.0" } diff --git a/package.json b/package.json index e61b838..1247c81 100644 --- a/package.json +++ b/package.json @@ -15,8 +15,9 @@ "@supabase/supabase-js": "^2.39.8", "appwrite": "^13.0.2", "react": "^18.2.0", - "react-dom": "^18.2.0", + "react-dom": "^18.3.1", "react-hook-form": "^7.51.4", + "react-icons": "^5.2.1", "react-router-dom": "^6.22.1", "tailwindcss": "^3.4.1", "zod": "^3.23.8" @@ -35,5 +36,12 @@ "postcss": "^8.4.38", "typescript": "^5.2.2", "vite": "^5.1.0" - } + }, + "description": "for contribution", + "main": "tailwind.config.js", + "keywords": [ + "react-icons" + ], + "author": "popshop", + "license": "ISC" } diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index d33dc35..2f25428 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,168 +1,198 @@ -import { Link } from "react-router-dom" +import { Link } from "react-router-dom"; +import { RiTwitterXFill } from "react-icons/ri"; +import { FaGithub } from "react-icons/fa6"; +import { FaFacebook } from "react-icons/fa"; +import { IoLogoInstagram } from "react-icons/io5"; +import { FaDribbble } from "react-icons/fa"; function Footer() { - return ( - <> - - - ) + return ( + <> + + + ); } -export default Footer +export default Footer; diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index e8cefc3..a5b03f8 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -1,4 +1,5 @@ import { Link } from "react-router-dom" +import { MdOutlineShoppingCart } from "react-icons/md"; import Button from "./Button" @@ -13,7 +14,7 @@ function Navbar() {
- + 8