From 3d9578ccf243f7b196e0eee05579e41cad3043da Mon Sep 17 00:00:00 2001
From: Ahmad <103906421+ahmadk953@users.noreply.github.com>
Date: Sat, 17 Aug 2024 16:31:22 -0400
Subject: [PATCH] General Fixes and Improvements

---
 .../[organizationId]/settings/page.tsx        |   1 +
 components/ui/pagination.tsx                  | 118 ++++++++++++++++++
 lib/db.ts                                     |   3 -
 package.json                                  |   2 +-
 4 files changed, 120 insertions(+), 4 deletions(-)
 create mode 100644 components/ui/pagination.tsx

diff --git a/app/(platform)/(dashboard)/organization/[organizationId]/settings/page.tsx b/app/(platform)/(dashboard)/organization/[organizationId]/settings/page.tsx
index 2d46045..1b72f9c 100644
--- a/app/(platform)/(dashboard)/organization/[organizationId]/settings/page.tsx
+++ b/app/(platform)/(dashboard)/organization/[organizationId]/settings/page.tsx
@@ -17,6 +17,7 @@ const SettingsPage = () => {
             },
           },
         }}
+        routing='hash'
       />
     </div>
   );
diff --git a/components/ui/pagination.tsx b/components/ui/pagination.tsx
new file mode 100644
index 0000000..1c0d153
--- /dev/null
+++ b/components/ui/pagination.tsx
@@ -0,0 +1,118 @@
+import * as React from 'react';
+import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
+import Link from 'next/link';
+
+import { cn } from '@/lib/utils';
+import { ButtonProps, buttonVariants } from '@/components/ui/button';
+
+const Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (
+  <nav
+    role='navigation'
+    aria-label='pagination'
+    className={cn('mx-auto flex w-full justify-center', className)}
+    {...props}
+  />
+);
+Pagination.displayName = 'Pagination';
+
+const PaginationContent = React.forwardRef<
+  HTMLUListElement,
+  React.ComponentProps<'ul'>
+>(({ className, ...props }, ref) => (
+  <ul
+    ref={ref}
+    className={cn('flex flex-row items-center gap-1', className)}
+    {...props}
+  />
+));
+PaginationContent.displayName = 'PaginationContent';
+
+const PaginationItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentProps<'li'>
+>(({ className, ...props }, ref) => (
+  <li ref={ref} className={cn('', className)} {...props} />
+));
+PaginationItem.displayName = 'PaginationItem';
+
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<ButtonProps, 'size'> &
+  React.ComponentProps<typeof Link>;
+
+const PaginationLink = ({
+  className,
+  isActive,
+  size = 'icon',
+  ...props
+}: PaginationLinkProps) => (
+  <Link
+    aria-current={isActive ? 'page' : undefined}
+    className={cn(
+      buttonVariants({
+        variant: isActive ? 'outline' : 'ghost',
+        size,
+      }),
+      className
+    )}
+    {...props}
+  />
+);
+PaginationLink.displayName = 'PaginationLink';
+
+const PaginationPrevious = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label='Go to previous page'
+    size='default'
+    className={cn('gap-1 pl-2.5', className)}
+    {...props}
+  >
+    <ChevronLeft className='h-4 w-4' />
+    <span>Previous</span>
+  </PaginationLink>
+);
+PaginationPrevious.displayName = 'PaginationPrevious';
+
+const PaginationNext = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label='Go to next page'
+    size='default'
+    className={cn('gap-1 pr-2.5', className)}
+    {...props}
+  >
+    <span>Next</span>
+    <ChevronRight className='h-4 w-4' />
+  </PaginationLink>
+);
+PaginationNext.displayName = 'PaginationNext';
+
+const PaginationEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<'span'>) => (
+  <span
+    aria-hidden
+    className={cn('flex h-9 w-9 items-center justify-center', className)}
+    {...props}
+  >
+    <MoreHorizontal className='h-4 w-4' />
+    <span className='sr-only'>More pages</span>
+  </span>
+);
+PaginationEllipsis.displayName = 'PaginationEllipsis';
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+};
diff --git a/lib/db.ts b/lib/db.ts
index 2665875..bca7fa6 100644
--- a/lib/db.ts
+++ b/lib/db.ts
@@ -6,6 +6,3 @@ declare global {
 }
 
 export const db = new PrismaClient().$extends(withAccelerate());
-
-// if (process.env.NODE_ENV !== 'production') globalThis.prisma = db;
-// globalThis.prisma ??
diff --git a/package.json b/package.json
index 72c7183..6cef29f 100644
--- a/package.json
+++ b/package.json
@@ -75,5 +75,5 @@
     "@types/react": "npm:types-react@rc",
     "@types/react-dom": "npm:types-react-dom@rc"
   },
-  "packageManager": "yarn@4.3.1"
+  "packageManager": "yarn@4.4.0"
 }