chore: minor changes

apps/remix/app/routes/_authenticated+/admin+/_layout.tsx

@@ -114,7 +114,7 @@ export default function AdminLayout() {
             variant="ghost"
             className={cn(
               'justify-start md:w-full',
-              pathname?.startsWith('/admin/org-insights') && 'bg-secondary',
+              pathname?.startsWith('/admin/organisation-insights') && 'bg-secondary',
             )}
             asChild
           >
@@ -128,7 +128,7 @@ export default function AdminLayout() {
             variant="ghost"
             className={cn(
               'justify-start md:w-full',
-              pathname?.startsWith('/admin/banner') && 'bg-secondary',
+              pathname?.startsWith('/admin/site-settings') && 'bg-secondary',
             )}
             asChild
           >

apps/remix/app/routes/_authenticated+/admin+/documents._index.tsx

@@ -57,6 +57,7 @@ export default function AdminDocumentsPage() {
         header: _(msg`Created`),
         accessorKey: 'createdAt',
         cell: ({ row }) => i18n.date(row.original.createdAt),
+        size: 160,
       },
       {
         header: _(msg`Title`),
@@ -65,17 +66,19 @@ export default function AdminDocumentsPage() {
           return (
             <Link
               to={`/admin/documents/${row.original.id}`}
-              className="block max-w-[5rem] truncate font-medium hover:underline md:max-w-[10rem]"
+              className="block truncate font-medium hover:underline"
             >
               {row.original.title}
             </Link>
           );
         },
+        size: 240,
       },
       {
         header: _(msg`Status`),
         accessorKey: 'status',
         cell: ({ row }) => <DocumentStatus status={row.original.status} />,
+        size: 140,
       },
       {
         header: _(msg`Owner`),
@@ -112,11 +115,13 @@ export default function AdminDocumentsPage() {
             </Tooltip>
           );
         },
+        size: 100,
       },
       {
         header: 'Last updated',
         accessorKey: 'updatedAt',
         cell: ({ row }) => i18n.date(row.original.updatedAt),
+        size: 160,
       },
     ] satisfies DataTableColumnDef<(typeof results)['data'][number]>[];
   }, []);

apps/remix/app/routes/_authenticated+/admin+/organisation-insights.$id.tsx

@@ -1,6 +1,5 @@
-import { Trans } from '@lingui/react/macro';
-
 import { getOrganisationDetailedInsights } from '@documenso/lib/server-only/admin/get-organisation-detailed-insights';
+import type { DateRange } from '@documenso/lib/types/search-params';
 import { getAdminOrganisation } from '@documenso/trpc/server/admin-router/get-admin-organisation';
 
 import { OrganisationInsightsTable } from '~/components/tables/organisation-insights-table';
@@ -13,11 +12,7 @@ export async function loader({ params, request }: Route.LoaderArgs) {
 
   const page = Number(url.searchParams.get('page')) || 1;
   const perPage = Number(url.searchParams.get('perPage')) || 10;
-  const dateRange = (url.searchParams.get('dateRange') || 'last30days') as
-    | 'last30days'
-    | 'last90days'
-    | 'lastYear'
-    | 'allTime';
+  const dateRange = (url.searchParams.get('dateRange') || 'last30days') as DateRange;
   const view = (url.searchParams.get('view') || 'teams') as 'teams' | 'users' | 'documents';
 
   const [insights, organisation] = await Promise.all([
@@ -48,9 +43,7 @@ export default function OrganisationInsights({ loaderData }: Route.ComponentProp
   return (
     <div>
       <div className="flex items-center justify-between">
-        <h2 className="text-4xl font-semibold">
-          <Trans>{organisationName}</Trans>
-        </h2>
+        <h2 className="text-4xl font-semibold">{organisationName}</h2>
       </div>
       <div className="mt-8">
         <OrganisationInsightsTable

apps/remix/app/routes/_authenticated+/admin+/organisation-insights._index.tsx

@@ -1,6 +1,7 @@
 import { Trans } from '@lingui/react/macro';
 
 import { getOrganisationInsights } from '@documenso/lib/server-only/admin/get-signing-volume';
+import type { DateRange } from '@documenso/lib/types/search-params';
 
 import { DateRangeFilter } from '~/components/filters/date-range-filter';
 import {
@@ -16,23 +17,20 @@ export async function loader({ request }: Route.LoaderArgs) {
   const rawSortBy = url.searchParams.get('sortBy') || 'signingVolume';
   const rawSortOrder = url.searchParams.get('sortOrder') || 'desc';
 
-  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-  const sortOrder = (['asc', 'desc'].includes(rawSortOrder) ? rawSortOrder : 'desc') as
-    | 'asc'
-    | 'desc';
-  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-  const sortBy = (
-    ['name', 'createdAt', 'signingVolume'].includes(rawSortBy) ? rawSortBy : 'signingVolume'
-  ) as 'name' | 'createdAt' | 'signingVolume';
+  const isSortOrder = (value: string): value is 'asc' | 'desc' =>
+    value === 'asc' || value === 'desc';
+  const isSortBy = (value: string): value is 'name' | 'createdAt' | 'signingVolume' =>
+    value === 'name' || value === 'createdAt' || value === 'signingVolume';
+
+  const sortOrder: 'asc' | 'desc' = isSortOrder(rawSortOrder) ? rawSortOrder : 'desc';
+  const sortBy: 'name' | 'createdAt' | 'signingVolume' = isSortBy(rawSortBy)
+    ? rawSortBy
+    : 'signingVolume';
 
   const page = Number(url.searchParams.get('page')) || 1;
   const perPage = Number(url.searchParams.get('perPage')) || 10;
   const search = url.searchParams.get('search') || '';
-  const dateRange = (url.searchParams.get('dateRange') || 'last30days') as
-    | 'last30days'
-    | 'last90days'
-    | 'lastYear'
-    | 'allTime';
+  const dateRange = (url.searchParams.get('dateRange') || 'last30days') as DateRange;
 
   const { organisations, totalPages } = await getOrganisationInsights({
     search,
@@ -48,7 +46,7 @@ export async function loader({ request }: Route.LoaderArgs) {
     name: item.name || '',
     signingVolume: item.signingVolume,
     createdAt: item.createdAt || new Date(),
-    planId: item.customerId || '',
+    customerId: item.customerId || '',
     subscriptionStatus: item.subscriptionStatus,
     teamCount: item.teamCount || 0,
     memberCount: item.memberCount || 0,