diff --git a/package.json b/package.json index e3081aa0ad..03e4a5e9e4 100644 --- a/package.json +++ b/package.json @@ -96,6 +96,7 @@ "next": "14.1.0", "next-themes": "0.2.1", "openai": "4.26.1", + "pngjs": "7.0.0", "qrcode.react": "3.1.0", "react": "18.2.0", "react-dom": "18.2.0", @@ -133,6 +134,7 @@ "@types/js-yaml": "4.0.9", "@types/markdown-escape": "1.1.3", "@types/node": "20.11.16", + "@types/pngjs": "6.0.4", "@types/react": "18.2.55", "@types/react-dom": "18.2.19", "@types/react-responsive-masonry": "2.1.3", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ab0d465be0..0c06a7870c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -197,6 +197,9 @@ dependencies: openai: specifier: 4.26.1 version: 4.26.1 + pngjs: + specifier: 7.0.0 + version: 7.0.0 qrcode.react: specifier: 3.1.0 version: 3.1.0(react@18.2.0) @@ -304,6 +307,9 @@ devDependencies: '@types/node': specifier: 20.11.16 version: 20.11.16 + '@types/pngjs': + specifier: 6.0.4 + version: 6.0.4 '@types/react': specifier: 18.2.55 version: 18.2.55 @@ -4235,6 +4241,12 @@ packages: pg-types: 2.2.0 dev: false + /@types/pngjs@6.0.4: + resolution: {integrity: sha512-atAK9xLKOnxiuArxcHovmnOUUGBZOQ3f0vCf43FnoKs6XnqiambT1kkJWmdo71IR+BoXSh+CueeFR0GfH3dTlQ==} + dependencies: + '@types/node': 20.11.16 + dev: true + /@types/prop-types@15.7.11: resolution: {integrity: sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==} @@ -8495,6 +8507,11 @@ packages: engines: {node: '>= 6'} dev: true + /pngjs@7.0.0: + resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==} + engines: {node: '>=14.19.0'} + dev: false + /postcss-attribute-case-insensitive@6.0.2(postcss@8.4.35): resolution: {integrity: sha512-IRuCwwAAQbgaLhxQdQcIIK0dCVXg3XDUnzgKD8iwdiYdwU4rMWRWyl/W9/0nA4ihVpq5pyALiHB2veBJ0292pw==} engines: {node: ^14 || ^16 || >=18} diff --git a/src/app/(app)/friends/page.tsx b/src/app/(app)/friends/page.tsx index 8967d28689..8fce78cbe4 100644 --- a/src/app/(app)/friends/page.tsx +++ b/src/app/(app)/friends/page.tsx @@ -165,7 +165,7 @@ const Card: FC<{ link: LinkModel }> = ({ link }) => { text={link.name[0]} alt={`Avatar of ${link.name}`} size={64} - className="ring-2 ring-gray-400/30 dark:ring-slate-50" + className="ring-2 ring-gray-400/30 dark:ring-zinc-50" /> {link.name} diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx index 0b1dc2ce32..98cec257d9 100644 --- a/src/app/(app)/layout.tsx +++ b/src/app/(app)/layout.tsx @@ -139,11 +139,16 @@ export default async function RootLayout(props: PropsWithChildren) { return ( - + - + + { return (