From a1af814254fc34d13d57de9be4e828d1ff535395 Mon Sep 17 00:00:00 2001 From: Liam Date: Mon, 30 Oct 2023 16:53:55 +0000 Subject: [PATCH] update card --- package-lock.json | 24 +++++++ package.json | 1 + src/app/credits/page.tsx | 5 +- src/app/privacy/page.tsx | 5 +- src/app/search/page.tsx | 7 +- src/components/Card.tsx | 21 ++---- src/components/Footer.tsx | 2 +- src/components/GlobalRanking.tsx | 11 +-- src/components/Navbar.tsx | 2 +- src/components/leaderboard/Leaderboard.tsx | 4 +- src/components/player/Scores.tsx | 6 +- src/components/ui/card.tsx | 79 ++++++++++++++++++++++ src/components/ui/separator.tsx | 31 +++++++++ 13 files changed, 157 insertions(+), 41 deletions(-) create mode 100644 src/components/ui/card.tsx create mode 100644 src/components/ui/separator.tsx diff --git a/package-lock.json b/package-lock.json index a8a3ac6..8741c3e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,6 +11,7 @@ "@boiseitguru/cookie-cutter": "^0.2.1", "@heroicons/react": "^2.0.18", "@radix-ui/react-popover": "^1.0.7", + "@radix-ui/react-separator": "^1.0.3", "@radix-ui/react-slider": "^1.1.2", "@radix-ui/react-tooltip": "^1.0.7", "@sentry/nextjs": "^7.74.1", @@ -832,6 +833,29 @@ } } }, + "node_modules/@radix-ui/react-separator": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.0.3.tgz", + "integrity": "sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==", + "dependencies": { + "@babel/runtime": "^7.13.10", + "@radix-ui/react-primitive": "1.0.3" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0", + "react-dom": "^16.8 || ^17.0 || ^18.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, "node_modules/@radix-ui/react-slider": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@radix-ui/react-slider/-/react-slider-1.1.2.tgz", diff --git a/package.json b/package.json index 50e65ab..5f3d2a4 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ "@boiseitguru/cookie-cutter": "^0.2.1", "@heroicons/react": "^2.0.18", "@radix-ui/react-popover": "^1.0.7", + "@radix-ui/react-separator": "^1.0.3", "@radix-ui/react-slider": "^1.1.2", "@radix-ui/react-tooltip": "^1.0.7", "@sentry/nextjs": "^7.74.1", diff --git a/src/app/credits/page.tsx b/src/app/credits/page.tsx index 2b809d2..52ef38c 100644 --- a/src/app/credits/page.tsx +++ b/src/app/credits/page.tsx @@ -21,10 +21,7 @@ export default async function Analytics() { return (
- +

Credits

This website is made possible because of the following: diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx index 2b98ee0..e07ddd0 100644 --- a/src/app/privacy/page.tsx +++ b/src/app/privacy/page.tsx @@ -25,10 +25,7 @@ export default async function Analytics() { return (

- +

Privacy

This site does not collect personal data. All of the data stored is diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx index 7dead25..128f464 100644 --- a/src/app/search/page.tsx +++ b/src/app/search/page.tsx @@ -13,18 +13,13 @@ export default function Home() { return (

- +

Stranger

Find a player profile

- -
diff --git a/src/components/Card.tsx b/src/components/Card.tsx index 7515f66..b7a817a 100644 --- a/src/components/Card.tsx +++ b/src/components/Card.tsx @@ -1,26 +1,15 @@ +import { Card as CardBase, CardContent } from "@/components/ui/card"; import clsx from "clsx"; type CardProps = { className?: string; - innerClassName?: string; children: React.ReactNode; }; -export default function Card({ - className, - innerClassName, - children, -}: CardProps) { +export default function Card({ className, children }: CardProps) { return ( -
-
- {children} -
-
+ + {children} + ); } diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 4bc8275..6251134 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -20,7 +20,7 @@ const buildId = process.env.NEXT_PUBLIC_BUILD_ID export default function Footer() { return (