feat: faculty page frontend

Author: heydoyouknowme0

app/[locale]/faculty-and-staff/[employee_id]/[faculty_section]/page.tsx

@@ -0,0 +1,21 @@
+import { type Translations } from '~/i18n/translations';
+
+import { FacultySectionComponent } from '../../utils';
+
+export default async function FacultySection({
+  params: { locale, faculty_section, employee_id: employeeId },
+}: {
+  params: {
+    locale: string;
+    faculty_section: keyof Translations['FacultyAndStaff']['tabs'];
+    employee_id: string;
+  };
+}) {
+  return (
+    <FacultySectionComponent
+      locale={locale}
+      facultySection={faculty_section}
+      employeeId={employeeId}
+    />
+  );
+}

app/[locale]/faculty-and-staff/[employee_id]/layout.tsx

@@ -0,0 +1,28 @@
+import { union } from 'drizzle-orm/pg-core';
+import { type ReactNode } from 'react';
+
+import { db, faculty, staff } from '~/server/db';
+
+import { FacultyOrStaffComponent } from '../utils';
+
+export async function generateStaticParams() {
+  const facultyIds = db
+    .select({ employee_id: faculty.employeeId })
+    .from(faculty);
+  const staffIds = db.select({ employee_id: staff.employeeId }).from(staff);
+  return await union(facultyIds, staffIds);
+}
+
+export default async function FacultyOrStaffLayout({
+  children,
+  params: { locale, employee_id },
+}: {
+  children?: ReactNode;
+  params: { locale: string; employee_id: string };
+}) {
+  return (
+    <FacultyOrStaffComponent locale={locale} employeeId={employee_id}>
+      {children}
+    </FacultyOrStaffComponent>
+  );
+}

app/[locale]/faculty-and-staff/[employee_id]/page.tsx

@@ -1,20 +1,17 @@
-import { union } from 'drizzle-orm/pg-core';
+import FacultySection from './[faculty_section]/page';
 
-import { WorkInProgressStatus } from '~/components/status';
-import { db, faculty, staff } from '~/server/db';
-
-export async function generateStaticParams() {
-  const facultyIds = db
-    .select({ employee_id: faculty.employeeId })
-    .from(faculty);
-  const staffIds = db.select({ employee_id: staff.employeeId }).from(staff);
-  return await union(facultyIds, staffIds);
-}
-
-export default function FacultyOrStaff({
-  params: { locale, employee_id: employeeId },
+export default function FacultyAndStaff({
+  params: { locale, employee_id },
 }: {
   params: { locale: string; employee_id: string };
 }) {
-  return <WorkInProgressStatus locale={locale} />;
+  return (
+    <FacultySection
+      params={{
+        locale: locale,
+        faculty_section: 'qualifications',
+        employee_id: employee_id,
+      }}
+    />
+  );
 }