From 072f77b19a95ea6ef59bc865b7e8495ae387de82 Mon Sep 17 00:00:00 2001
From: msukkari <michael.sukkarieh@mail.mcgill.ca>
Date: Fri, 28 Feb 2025 14:48:54 -0800
Subject: [PATCH] prevent switching to first page on data update and truncate
 long repo names in repo list

---
 packages/web/src/app/[domain]/repos/columns.tsx         | 2 +-
 packages/web/src/app/[domain]/repos/repositoryTable.tsx | 1 +
 packages/web/src/components/ui/data-table.tsx           | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/app/[domain]/repos/columns.tsx b/packages/web/src/app/[domain]/repos/columns.tsx
index 2bb93df7..a70f1673 100644
--- a/packages/web/src/app/[domain]/repos/columns.tsx
+++ b/packages/web/src/app/[domain]/repos/columns.tsx
@@ -134,7 +134,7 @@ export const columns = (domain: string): ColumnDef<RepositoryColumnInfo>[] => [
                                 }
                             }}
                         >
-                            {repo.name}
+                            {repo.name.length > 40 ? `${repo.name.slice(0, 40)}...` : repo.name}
                         </span>
                         {isRemoteRepo && <ExternalLink className="h-3.5 w-3.5 text-muted-foreground" />}
                     </div>
diff --git a/packages/web/src/app/[domain]/repos/repositoryTable.tsx b/packages/web/src/app/[domain]/repos/repositoryTable.tsx
index 6abcf923..ef94bc53 100644
--- a/packages/web/src/app/[domain]/repos/repositoryTable.tsx
+++ b/packages/web/src/app/[domain]/repos/repositoryTable.tsx
@@ -13,6 +13,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 
 export const RepositoryTable = () => {
     const domain = useDomain();
+
     const { data: repos, isLoading: reposLoading, error: reposError } = useQuery({
         queryKey: ['repos', domain],
         queryFn: async () => {
diff --git a/packages/web/src/components/ui/data-table.tsx b/packages/web/src/components/ui/data-table.tsx
index a328d833..5002c7da 100644
--- a/packages/web/src/components/ui/data-table.tsx
+++ b/packages/web/src/components/ui/data-table.tsx
@@ -51,6 +51,7 @@ export function DataTable<TData, TValue>({
         getSortedRowModel: getSortedRowModel(),
         onColumnFiltersChange: setColumnFilters,
         getFilteredRowModel: getFilteredRowModel(),
+        autoResetPageIndex: false,
         state: {
             sorting,
             columnFilters,