diff --git a/package.json b/package.json index 23f0a07..793867d 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "@prisma/client": "^5.10.2", "@radix-ui/react-accordion": "^1.1.2", "@radix-ui/react-alert-dialog": "^1.0.5", + "@radix-ui/react-aspect-ratio": "^1.0.3", "@radix-ui/react-dialog": "^1.0.5", "@radix-ui/react-dropdown-menu": "^2.0.6", "@radix-ui/react-label": "^2.0.2", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 776c60e..46a51db 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -23,6 +23,9 @@ dependencies: '@radix-ui/react-alert-dialog': specifier: ^1.0.5 version: 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.65)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-aspect-ratio': + specifier: ^1.0.3 + version: 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.65)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-dialog': specifier: ^1.0.5 version: 1.0.5(@types/react-dom@18.2.21)(@types/react@18.2.65)(react-dom@18.2.0)(react@18.2.0) @@ -682,6 +685,27 @@ packages: react-dom: 18.2.0(react@18.2.0) dev: false + /@radix-ui/react-aspect-ratio@1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.65)(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-fXR5kbMan9oQqMuacfzlGG/SQMcmMlZ4wrvpckv8SgUulD0MMpspxJrxg/Gp/ISV3JfV1AeSWTYK9GvxA4ySwA==} + 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 + dependencies: + '@babel/runtime': 7.24.0 + '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.65)(react-dom@18.2.0)(react@18.2.0) + '@types/react': 18.2.65 + '@types/react-dom': 18.2.21 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: false + /@radix-ui/react-collapsible@1.0.3(@types/react-dom@18.2.21)(@types/react@18.2.65)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-UBmVDkmR6IvDsloHVN+3rtx4Mi5TFvylYXpluuv0f37dtaz3H99bp8No0LGXRigVpl3UAT4l9j6bIchh42S/Gg==} peerDependencies: diff --git a/src/components/sidebar/menu-options.tsx b/src/components/sidebar/menu-options.tsx index 2fe5f09..0e08bf3 100644 --- a/src/components/sidebar/menu-options.tsx +++ b/src/components/sidebar/menu-options.tsx @@ -12,6 +12,8 @@ import { Sheet, SheetContent, SheetTrigger } from '../ui/sheet' import { Button } from '../ui/button' import { Menu } from 'lucide-react' import clsx from 'clsx' +import { AspectRatio } from '../ui/aspect-ratio' +import Image from 'next/image' type Props = { @@ -75,7 +77,15 @@ const MenuOptions = ({ } )} > - +
+ + Sidebar Logo +
) diff --git a/src/components/ui/aspect-ratio.tsx b/src/components/ui/aspect-ratio.tsx new file mode 100644 index 0000000..a00ebed --- /dev/null +++ b/src/components/ui/aspect-ratio.tsx @@ -0,0 +1,7 @@ +"use client" + +import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio" + +const AspectRatio = AspectRatioPrimitive.Root + +export { AspectRatio } \ No newline at end of file diff --git a/src/lib/db.ts b/src/lib/db.ts index 43086a8..fe4df25 100644 --- a/src/lib/db.ts +++ b/src/lib/db.ts @@ -1,9 +1,9 @@ -import {PrismaClient} from '@prisma/client'; +import { PrismaClient } from '@prisma/client'; -declare global{ +declare global { var prisma: PrismaClient | undefined } export const db = globalThis.prisma || new PrismaClient() -if(process.env.NODE_ENV !== 'production') globalThis.prisma = db +if (process.env.NODE_ENV !== 'production') globalThis.prisma = db