Merge pull request #944 from trycompai/main

[comp] Production Deploy

Author: claudfuen

apps/app/src/app/(app)/[orgId]/controls/page.tsx

@@ -10,6 +10,12 @@ interface ControlTableProps {
   searchParams: Promise<SearchParams>;
 }
 
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: 'Controls',
+  };
+}
+
 export default async function ControlsPage({ ...props }: ControlTableProps) {
   const searchParams = await props.searchParams;
   const search = searchParamsCache.parse(searchParams);

apps/app/src/app/(app)/[orgId]/frameworks/[frameworkInstanceId]/requirements/[requirementKey]/loading.tsx

@@ -1,57 +1,3 @@
-import { Card, CardContent, CardHeader, CardTitle } from '@comp/ui/card';
-import { Skeleton } from '@comp/ui/skeleton';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@comp/ui/table';
+import Loader from '@/components/ui/loader';
 
-export default function Loading() {
-  return (
-    <div className="flex flex-col gap-6">
-      <Card>
-        <CardHeader>
-          <CardTitle className="flex items-center justify-between">
-            <div>
-              <Skeleton className="mb-2 h-4 w-24" />
-              <Skeleton className="h-8 w-64" />
-            </div>
-          </CardTitle>
-        </CardHeader>
-        <CardContent>
-          <Skeleton className="h-4 w-full" />
-        </CardContent>
-      </Card>
-
-      <Card>
-        <CardHeader>
-          <CardTitle>
-            <Skeleton className="h-6 w-48" />
-          </CardTitle>
-        </CardHeader>
-        <CardContent>
-          <Table>
-            <TableHeader>
-              <TableRow>
-                <TableHead>
-                  <Skeleton className="h-4 w-[300px]" />
-                </TableHead>
-                <TableHead>
-                  <Skeleton className="h-4 w-[200px]" />
-                </TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {[1, 2, 3].map((index) => (
-                <TableRow key={index}>
-                  <TableCell>
-                    <Skeleton className="h-4 w-[300px]" />
-                  </TableCell>
-                  <TableCell>
-                    <Skeleton className="h-4 w-[200px]" />
-                  </TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </Table>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
+export default Loader;

apps/app/src/app/(app)/[orgId]/tasks/page.tsx

@@ -6,6 +6,13 @@ import { headers } from 'next/headers';
 import { TaskList } from './components/TaskList';
 import PageCore from '@/components/pages/PageCore.tsx';
 import PageWithBreadcrumb from '@/components/pages/PageWithBreadcrumb';
+import { Metadata } from 'next';
+
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: 'Tasks',
+  };
+}
 
 // Force dynamic rendering to ensure searchParams are always fresh
 export const dynamic = 'force-dynamic';

apps/app/src/app/(app)/[orgId]/tests/layout.tsx

@@ -0,0 +1,7 @@
+export default async function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="m-auto max-w-[1200px]">
+      <main>{children}</main>
+    </div>
+  );
+}

…pp)/[orgId]/tests/(overview)/loading.tsx …/src/app/(app)/[orgId]/tests/loading.tsxapps/app/src/app/(app)/[orgId]/tests/(overview)/loading.tsx renamed to apps/app/src/app/(app)/[orgId]/tests/loading.tsx apps/app/src/app/(app)/[orgId]/tests/(overview)/loading.tsx renamed to apps/app/src/app/(app)/[orgId]/tests/loading.tsx

@@ -3,6 +3,13 @@ import { auth } from '@/utils/auth';
 import { db } from '@comp/db';
 import { headers } from 'next/headers';
 import { redirect } from 'next/navigation';
+import { Metadata } from 'next';
+
+export async function generateMetadata(): Promise<Metadata> {
+  return {
+    title: 'Cloud Compliance',
+  };
+}
 
 export default async function CloudTests({ params }: { params: Promise<{ orgId: string }> }) {
   const { orgId } = await params;
@@ -14,7 +21,7 @@ export default async function CloudTests({ params }: { params: Promise<{ orgId:
   }
 
   return (
-    <div className="m-auto max-w-[1200px]">
+    <div className="m-auto">
       <AppOnboarding
         title={'Cloud Compliance'}
         description={