From 106819c89d1d1a98c304d161d6e77fda3b4a3fd3 Mon Sep 17 00:00:00 2001 From: Chinedu Okeke Date: Thu, 27 Feb 2025 13:31:43 +0100 Subject: [PATCH 1/5] FEAT: redesigned wallet connector component --- package-lock.json | 15 +++++----- src/app/globals.css | 53 +++++++++++++++++++++++---------- src/components/ConnectModal.jsx | 22 +++++++++++--- 3 files changed, 63 insertions(+), 27 deletions(-) diff --git a/package-lock.json b/package-lock.json index a665429..dae4442 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,7 @@ "dependencies": { "@starknet-react/chains": "^3.0.2", "@starknet-react/core": "^3.0.3", + "@tanstack/react-query": "^5.66.9", "font-awesome": "^4.7.0", "framer-motion": "^11.12.0", "lucide": "^0.453.0", @@ -1077,9 +1078,9 @@ } }, "node_modules/@tanstack/query-core": { - "version": "5.66.0", - "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.66.0.tgz", - "integrity": "sha512-J+JeBtthiKxrpzUu7rfIPDzhscXF2p5zE/hVdrqkACBP8Yu0M96mwJ5m/8cPPYQE9aRNvXztXHlNwIh4FEeMZw==", + "version": "5.66.4", + "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.66.4.tgz", + "integrity": "sha512-skM/gzNX4shPkqmdTCSoHtJAPMTtmIJNS0hE+xwTTUVYwezArCT34NMermABmBVUg5Ls5aiUXEDXfqwR1oVkcA==", "license": "MIT", "funding": { "type": "github", @@ -1087,12 +1088,12 @@ } }, "node_modules/@tanstack/react-query": { - "version": "5.66.0", - "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.66.0.tgz", - "integrity": "sha512-z3sYixFQJe8hndFnXgWu7C79ctL+pI0KAelYyW+khaNJ1m22lWrhJU2QrsTcRKMuVPtoZvfBYrTStIdKo+x0Xw==", + "version": "5.66.9", + "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.66.9.tgz", + "integrity": "sha512-NRI02PHJsP5y2gAuWKP+awamTIBFBSKMnO6UVzi03GTclmHHHInH5UzVgzi5tpu4+FmGfsdT7Umqegobtsp23A==", "license": "MIT", "dependencies": { - "@tanstack/query-core": "5.66.0" + "@tanstack/query-core": "5.66.4" }, "funding": { "type": "github", diff --git a/src/app/globals.css b/src/app/globals.css index 661fb15..7927897 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -5,37 +5,58 @@ @tailwind utilities; body { - position: relative; + position: relative; } .create-event-form label { - font-size: 16px; - font-weight: 500; - color: #f1e4e4; + font-size: 16px; + font-weight: 500; + color: #f1e4e4; } .create-event-form input[type="text"] { - width: 100%; - margin-top: 12px; - border-radius: 2px; - padding: 8px 12px; - background-color: #d9d9d9; - border: 1px #c4c4c4 solid; - color: black; + width: 100%; + margin-top: 12px; + border-radius: 2px; + padding: 8px 12px; + background-color: #d9d9d9; + border: 1px #c4c4c4 solid; + color: black; } .sidebarLinks li .active { - color: white; + color: white; } .sidebarLinks li a { - transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .sidebarLinks li a:hover { - background-color: #fff; + background-color: #fff; } .custom-button-bg { - background-color: #1E1D1D; -} \ No newline at end of file + background-color: #1e1d1d; +} +@keyframes loadingWave { + 0% { + background-position: -100% 0; + } + 100% { + background-position: 100% 0; + } +} + +.loading-gradient { + background: linear-gradient( + 90deg, + #f0e1b8, + #e4cfa0, + #d8bc88, + #e4cfa0, + #f0e1b8 + ); + background-size: 200% 100%; + animation: loadingWave 4s infinite linear; +} diff --git a/src/components/ConnectModal.jsx b/src/components/ConnectModal.jsx index 20b9808..4583b21 100644 --- a/src/components/ConnectModal.jsx +++ b/src/components/ConnectModal.jsx @@ -1,15 +1,20 @@ "use client"; import { useConnect } from "@starknet-react/core"; +import Image from "next/image"; const ConnectModal = ({ setIsOpen }) => { const { connect, connectors } = useConnect(); return (
setIsOpen(false)} > -
e.stopPropagation()} className="flex gap-x-4"> +
e.stopPropagation()} + className="md:w-[380px] h-[252px] flex px-3 flex-col gap-2 items-center justify-center bg-white rounded-lg shadow-xl shadow-[rgba(0,0,0,0.2)] loading-gradient + " + > {connectors.map((connector) => ( ))}
From 845714c817327fe50b0a84bee56fa14ae4e61215 Mon Sep 17 00:00:00 2001 From: Chinedu Okeke Date: Thu, 27 Feb 2025 13:40:41 +0100 Subject: [PATCH 2/5] fix --- src/components/ConnectModal.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ConnectModal.jsx b/src/components/ConnectModal.jsx index 4583b21..49b6ab9 100644 --- a/src/components/ConnectModal.jsx +++ b/src/components/ConnectModal.jsx @@ -12,7 +12,7 @@ const ConnectModal = ({ setIsOpen }) => { >
e.stopPropagation()} - className="md:w-[380px] h-[252px] flex px-3 flex-col gap-2 items-center justify-center bg-white rounded-lg shadow-xl shadow-[rgba(0,0,0,0.2)] loading-gradient + className="md:w-[380px] h-[252px] flex px-3 min-w-[300px] flex-col gap-2 items-center justify-center bg-white rounded-lg shadow-xl shadow-[rgba(0,0,0,0.2)] loading-gradient " > {connectors.map((connector) => ( From c6fe1f3571590125b60491773fb6647c7e762e35 Mon Sep 17 00:00:00 2001 From: Chinedu Okeke Date: Thu, 27 Feb 2025 15:11:12 +0100 Subject: [PATCH 3/5] fixed build error in event card component --- src/components/EventCard.jsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/EventCard.jsx b/src/components/EventCard.jsx index 474ada7..7ea030c 100644 --- a/src/components/EventCard.jsx +++ b/src/components/EventCard.jsx @@ -1,3 +1,5 @@ +"use client" + import Image from "next/image"; import { useRouter } from "next/navigation"; From 46ddfcb5e8e009a2bdca9ef0e50834606b2217e0 Mon Sep 17 00:00:00 2001 From: Okeke Chinedu Emmanuel Date: Thu, 27 Feb 2025 16:22:31 +0100 Subject: [PATCH 4/5] Update package-lock.json --- package-lock.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package-lock.json b/package-lock.json index dae4442..55382ae 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "dependencies": { "@starknet-react/chains": "^3.0.2", "@starknet-react/core": "^3.0.3", - "@tanstack/react-query": "^5.66.9", + "font-awesome": "^4.7.0", "framer-motion": "^11.12.0", "lucide": "^0.453.0", From b314eedeb032db00b25ffba596a3cef0ad93be66 Mon Sep 17 00:00:00 2001 From: Okeke Chinedu Emmanuel Date: Thu, 27 Feb 2025 16:25:03 +0100 Subject: [PATCH 5/5] Update package-lock.json --- package-lock.json | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/package-lock.json b/package-lock.json index 55382ae..a665429 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,6 @@ "dependencies": { "@starknet-react/chains": "^3.0.2", "@starknet-react/core": "^3.0.3", - "font-awesome": "^4.7.0", "framer-motion": "^11.12.0", "lucide": "^0.453.0", @@ -1078,9 +1077,9 @@ } }, "node_modules/@tanstack/query-core": { - "version": "5.66.4", - "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.66.4.tgz", - "integrity": "sha512-skM/gzNX4shPkqmdTCSoHtJAPMTtmIJNS0hE+xwTTUVYwezArCT34NMermABmBVUg5Ls5aiUXEDXfqwR1oVkcA==", + "version": "5.66.0", + "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.66.0.tgz", + "integrity": "sha512-J+JeBtthiKxrpzUu7rfIPDzhscXF2p5zE/hVdrqkACBP8Yu0M96mwJ5m/8cPPYQE9aRNvXztXHlNwIh4FEeMZw==", "license": "MIT", "funding": { "type": "github", @@ -1088,12 +1087,12 @@ } }, "node_modules/@tanstack/react-query": { - "version": "5.66.9", - "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.66.9.tgz", - "integrity": "sha512-NRI02PHJsP5y2gAuWKP+awamTIBFBSKMnO6UVzi03GTclmHHHInH5UzVgzi5tpu4+FmGfsdT7Umqegobtsp23A==", + "version": "5.66.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.66.0.tgz", + "integrity": "sha512-z3sYixFQJe8hndFnXgWu7C79ctL+pI0KAelYyW+khaNJ1m22lWrhJU2QrsTcRKMuVPtoZvfBYrTStIdKo+x0Xw==", "license": "MIT", "dependencies": { - "@tanstack/query-core": "5.66.4" + "@tanstack/query-core": "5.66.0" }, "funding": { "type": "github",