From 26d2fe72eb6668cb516361e1fafa7dadc025ac9f Mon Sep 17 00:00:00 2001 From: fran-ink <171171801+fran-ink@users.noreply.github.com> Date: Thu, 13 Feb 2025 14:30:36 -0500 Subject: [PATCH] feat: review round 2 * remove wallet icon in Verify page * Fix PartnerCard link * Fix font weight in page header * Update Card to new CardInfo * Use SegmentedControl new tag variant * Update some button sizes --- package.json | 2 +- pnpm-lock.yaml | 10 +- .../AboutContent/_components/PartnerCard.tsx | 2 +- .../_components/ConnectWalletButton.tsx | 10 +- .../[locale]/new/_components/PageHeader.tsx | 4 +- .../new/about/_components/AboutContent.tsx | 165 +++++++++--------- .../apps/_components/AppsCategoryFilter.tsx | 2 +- .../new/apps/_components/AppsGrid.tsx | 2 +- src/app/[locale]/new/verify/page.tsx | 2 +- .../verify/_components/Verifications.tsx | 4 +- 10 files changed, 100 insertions(+), 103 deletions(-) diff --git a/package.json b/package.json index 54546e6..7e0c2a6 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "dependencies": { "@headlessui/react": "2.1.6", "@hookform/resolvers": "3.9.1", - "@inkonchain/ink-kit": "0.7.2", + "@inkonchain/ink-kit": "0.8.0", "@next/third-parties": "15.1.6", "@octokit/auth-app": "7.1.3", "@octokit/rest": "21.0.2", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fdac7e4..b4cd342 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -21,8 +21,8 @@ importers: specifier: 3.9.1 version: 3.9.1(react-hook-form@7.54.1(react@19.0.0)) '@inkonchain/ink-kit': - specifier: 0.7.2 - version: 0.7.2(@tanstack/react-query@5.60.6(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(tailwindcss@3.4.4)(viem@2.22.11(bufferutil@4.0.9)(typescript@5.7.3)(utf-8-validate@5.0.10)(zod@3.24.1))(wagmi@2.14.9(@tanstack/query-core@5.60.6)(@tanstack/react-query@5.60.6(react@19.0.0))(@types/react@19.0.7)(bufferutil@4.0.9)(react@19.0.0)(typescript@5.7.3)(utf-8-validate@5.0.10)(viem@2.22.11(bufferutil@4.0.9)(typescript@5.7.3)(utf-8-validate@5.0.10)(zod@3.24.1))(zod@3.24.1)) + specifier: 0.8.0 + version: 0.8.0(@tanstack/react-query@5.60.6(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(tailwindcss@3.4.4)(viem@2.22.11(bufferutil@4.0.9)(typescript@5.7.3)(utf-8-validate@5.0.10)(zod@3.24.1))(wagmi@2.14.9(@tanstack/query-core@5.60.6)(@tanstack/react-query@5.60.6(react@19.0.0))(@types/react@19.0.7)(bufferutil@4.0.9)(react@19.0.0)(typescript@5.7.3)(utf-8-validate@5.0.10)(viem@2.22.11(bufferutil@4.0.9)(typescript@5.7.3)(utf-8-validate@5.0.10)(zod@3.24.1))(zod@3.24.1)) '@next/third-parties': specifier: 15.1.6 version: 15.1.6(next@15.1.6(@babel/core@7.26.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.45.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(sass@1.77.6))(react@19.0.0) @@ -884,8 +884,8 @@ packages: cpu: [x64] os: [win32] - '@inkonchain/ink-kit@0.7.2': - resolution: {integrity: sha512-tovRTBIvG3FXDxPy3pVIIBJfU5V32Yj+cmYf1PiENt4L6PwFhWsMiY3XOa2/luDFyIcK/tayp5aLcYxc4rOKNQ==} + '@inkonchain/ink-kit@0.8.0': + resolution: {integrity: sha512-58WSQYVjomH7JlONIz/3RGSHl+g/JXSM9W+U9ip5RSTAS2DMe7I53xEOPHumxoSFNI1fWVX1jvicc/REbhNr+w==} peerDependencies: '@tanstack/react-query': ^5 react: 19.0.0 @@ -7331,7 +7331,7 @@ snapshots: '@img/sharp-win32-x64@0.33.5': optional: true - '@inkonchain/ink-kit@0.7.2(@tanstack/react-query@5.60.6(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(tailwindcss@3.4.4)(viem@2.22.11(bufferutil@4.0.9)(typescript@5.7.3)(utf-8-validate@5.0.10)(zod@3.24.1))(wagmi@2.14.9(@tanstack/query-core@5.60.6)(@tanstack/react-query@5.60.6(react@19.0.0))(@types/react@19.0.7)(bufferutil@4.0.9)(react@19.0.0)(typescript@5.7.3)(utf-8-validate@5.0.10)(viem@2.22.11(bufferutil@4.0.9)(typescript@5.7.3)(utf-8-validate@5.0.10)(zod@3.24.1))(zod@3.24.1))': + '@inkonchain/ink-kit@0.8.0(@tanstack/react-query@5.60.6(react@19.0.0))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(tailwindcss@3.4.4)(viem@2.22.11(bufferutil@4.0.9)(typescript@5.7.3)(utf-8-validate@5.0.10)(zod@3.24.1))(wagmi@2.14.9(@tanstack/query-core@5.60.6)(@tanstack/react-query@5.60.6(react@19.0.0))(@types/react@19.0.7)(bufferutil@4.0.9)(react@19.0.0)(typescript@5.7.3)(utf-8-validate@5.0.10)(viem@2.22.11(bufferutil@4.0.9)(typescript@5.7.3)(utf-8-validate@5.0.10)(zod@3.24.1))(zod@3.24.1))': dependencies: '@headlessui/react': 2.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0) '@tanstack/react-query': 5.60.6(react@19.0.0) diff --git a/src/app/[locale]/_components/AboutContent/_components/PartnerCard.tsx b/src/app/[locale]/_components/AboutContent/_components/PartnerCard.tsx index 1a59814..66f9856 100644 --- a/src/app/[locale]/_components/AboutContent/_components/PartnerCard.tsx +++ b/src/app/[locale]/_components/AboutContent/_components/PartnerCard.tsx @@ -26,7 +26,7 @@ export const PartnerCard: React.FC = ({ className="flex flex-col flex-1" asChild > - +
{image}
diff --git a/src/app/[locale]/_components/ConnectWalletButton.tsx b/src/app/[locale]/_components/ConnectWalletButton.tsx index f4585c7..4434c7a 100644 --- a/src/app/[locale]/_components/ConnectWalletButton.tsx +++ b/src/app/[locale]/_components/ConnectWalletButton.tsx @@ -18,6 +18,7 @@ interface ConnectWalletButtonProps { className?: string; connectLabel?: string; shrinkOnMobile?: boolean; + noIcon?: boolean; size?: "md" | "lg"; } @@ -26,6 +27,7 @@ export const ConnectWalletButton: React.FC = ({ connectLabel = "Connect", shrinkOnMobile = false, size = "md", + noIcon = false, }) => { return ( @@ -59,9 +61,11 @@ export const ConnectWalletButton: React.FC = ({ size={size} variant="primary" > -
- -
+ {!noIcon && ( +
+ +
+ )}
{connectLabel}
diff --git a/src/app/[locale]/new/_components/PageHeader.tsx b/src/app/[locale]/new/_components/PageHeader.tsx index 531cf6d..c050c88 100644 --- a/src/app/[locale]/new/_components/PageHeader.tsx +++ b/src/app/[locale]/new/_components/PageHeader.tsx @@ -31,8 +31,8 @@ export const PageHeader = ({ > - - - - } - title="Sub-second block times" - description="1s block times Day 1, sub-second blocks coming soon." - /> - - - - } - title="Smol Gas" - description="Ape more, pay less." - /> - - - - } - title="Security" - description="Sequencer-level security to protect users from malicious intents and exploits." - /> - - - - } - title="Interoperability" - description="A commitment to the seamless flow of capital across the Superchain and beyond." - /> - - - - } - title="Unleashed by Kraken" - description="Ink will leverage Kraken's security and crypto expertise to support builders and users alike as they move towards independent financial sovereignty." - /> - - - - } - title="Scaling Ethereum" - description="Ink is dedicated to scaling Ethereum with a powerful L2 that enhances performance and accessibility." - /> - - + + + } + title="Sub-second block times" + description="1s block times Day 1, sub-second blocks coming soon." + /> + + + } + title="Smol Gas" + description="Ape more, pay less." + /> + + + } + title="Security" + description="Sequencer-level security to protect users from malicious intents and exploits." + /> + + + } + title="Interoperability" + description="A commitment to the seamless flow of capital across the Superchain and beyond." + /> + + + } + title="Unleashed by Kraken" + description="Ink will leverage Kraken's security and crypto expertise to support builders and users alike as they move towards independent financial sovereignty." + /> + + + } + title="Scaling Ethereum" + description="Ink is dedicated to scaling Ethereum with a powerful L2 that enhances performance and accessibility." + /> +
diff --git a/src/app/[locale]/new/apps/_components/AppsCategoryFilter.tsx b/src/app/[locale]/new/apps/_components/AppsCategoryFilter.tsx index 01fe7b5..ce35c30 100644 --- a/src/app/[locale]/new/apps/_components/AppsCategoryFilter.tsx +++ b/src/app/[locale]/new/apps/_components/AppsCategoryFilter.tsx @@ -49,7 +49,7 @@ export const AppsCategoryFilter = ({ return ( diff --git a/src/app/[locale]/new/apps/_components/AppsGrid.tsx b/src/app/[locale]/new/apps/_components/AppsGrid.tsx index ba9a776..ca57bcc 100644 --- a/src/app/[locale]/new/apps/_components/AppsGrid.tsx +++ b/src/app/[locale]/new/apps/_components/AppsGrid.tsx @@ -69,7 +69,7 @@ function AppCard({
)} -
+
{app.name}
{app.description} diff --git a/src/app/[locale]/new/verify/page.tsx b/src/app/[locale]/new/verify/page.tsx index 7c61411..56ed8bf 100644 --- a/src/app/[locale]/new/verify/page.tsx +++ b/src/app/[locale]/new/verify/page.tsx @@ -20,7 +20,7 @@ export default function VerifyPage() { description={t("description")} cta={
- +
} /> diff --git a/src/app/[locale]/verify/_components/Verifications.tsx b/src/app/[locale]/verify/_components/Verifications.tsx index 227a5bc..0906385 100644 --- a/src/app/[locale]/verify/_components/Verifications.tsx +++ b/src/app/[locale]/verify/_components/Verifications.tsx @@ -151,7 +151,7 @@ const DesktopVerificationsTable = () => { Available ) : ( - + )}
@@ -232,7 +232,7 @@ const MobileVerificationsTable = () => { Available ) : ( - + )}