[comp] Production Deploy (#1412)

* refactor: enhance EmployeeCompletionChart with profile links

- Added external profile links for employees in the EmployeeCompletionChart, allowing users to view detailed profiles.
- Integrated organization ID retrieval using useParams for dynamic linking.
- Improved layout of employee details for better visual presentation.

* fix: Enforce role-based access control in app

* fix: Prisma seed command in `packages/db`

* fix: Move role checks on org level

* fix: Allow access to auditor role

* chore: Just restrict access to employee role

---------

Co-authored-by: Mariano Fuentes <marfuen98@gmail.com>
Co-authored-by: Dhanus <dhanus3133@gmail.com>

Author: 3 people

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

@@ -63,6 +63,10 @@ export default async function Layout({
     return redirect('/auth/unauthorized');
   }
 
+  if (member.role === 'employee') {
+    return redirect('/no-access');
+  }
+
   // If this org is not accessible on current plan, redirect to upgrade
   if (!organization.hasAccess) {
     return redirect(`/upgrade/${organization.id}`);

apps/app/src/app/(app)/[orgId]/people/dashboard/components/EmployeeCompletionChart.tsx

@@ -2,7 +2,9 @@
 
 import { Card, CardContent, CardHeader, CardTitle } from '@comp/ui/card';
 import { Input } from '@comp/ui/input';
-import { Search } from 'lucide-react';
+import { ExternalLink, Search } from 'lucide-react';
+import Link from 'next/link';
+import { useParams } from 'next/navigation';
 import type { CSSProperties } from 'react';
 import * as React from 'react';
 
@@ -47,6 +49,8 @@ export function EmployeeCompletionChart({
   trainingVideos,
   showAll = false,
 }: EmployeeCompletionChartProps) {
+  const params = useParams();
+  const orgId = params.orgId as string;
   const [searchTerm, setSearchTerm] = React.useState('');
   const [displayedItems, setDisplayedItems] = React.useState(showAll ? 20 : 5);
   const [isLoading, setIsLoading] = React.useState(false);
@@ -209,8 +213,19 @@ export function EmployeeCompletionChart({
               {sortedStats.map((stat) => (
                 <div key={stat.id} className="space-y-2">
                   <div className="flex items-center justify-between text-sm">
-                    <div>
-                      <p className="font-medium">{stat.name}</p>
+                    <div className="flex-1">
+                      <div className="flex items-center gap-2">
+                        <p className="font-medium">{stat.name}</p>
+                        <Link
+                          href={`/${orgId}/people/${stat.id}`}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="text-primary hover:text-primary/80 flex items-center gap-1 text-xs font-medium underline-offset-4 hover:underline"
+                        >
+                          View Profile
+                          <ExternalLink className="h-3 w-3" />
+                        </Link>
+                      </div>
                       <p className="text-muted-foreground text-xs">{stat.email}</p>
                     </div>
                     <span className="text-muted-foreground">

apps/app/src/app/page.tsx

@@ -72,10 +72,6 @@ export default async function RootPage({
     },
   });
 
-  if (member?.role === 'employee') {
-    return redirect(await buildUrlWithParams('/no-access'));
-  }
-
   if (!member) {
     return redirect(await buildUrlWithParams('/setup'));
   }

packages/db/package.json

@@ -34,7 +34,7 @@
     "db:generate": "prisma generate",
     "db:migrate": "prisma migrate dev",
     "db:push": "prisma db push",
-    "db:seed": "prisma db seed",
+    "db:seed": "bun prisma/seed/seed.ts",
     "db:studio": "prisma studio",
     "docker:clean": "docker compose down -v",
     "docker:down": "docker compose down",