Modified by www.SourceFiles.app

src/routes/_authenticated/students.$id.tsx

@@ -19,6 +19,7 @@ import { genTempPassword } from "@/lib/temp-password";
 import { StudentGradeReport } from "@/components/gradebook";
 import { StudentPlansTab } from "@/components/plans";
 import { StudentEnrollmentTab } from "@/components/enrollment";
+import { StudentAlertsBanner, StudentAlertsTab } from "@/components/alerts";
 import { money } from "@/lib/reports";
 
 export const Route = createFileRoute("/_authenticated/students/$id")({
@@ -88,10 +89,13 @@ function StudentDetail() {
         </div>
       </div>
 
+      <StudentAlertsBanner studentId={id} />
+
       <Tabs defaultValue="profile" className="mt-6">
         <TabsList className="flex-wrap h-auto">
           <TabsTrigger value="profile">Profile</TabsTrigger>
           <TabsTrigger value="enrollment">Enrollment & campus</TabsTrigger>
+          <TabsTrigger value="alerts">Alerts</TabsTrigger>
           <TabsTrigger value="family">Family & pickup</TabsTrigger>
           <TabsTrigger value="academics">Academics</TabsTrigger>
           <TabsTrigger value="plans">504 / IEP</TabsTrigger>
@@ -102,6 +106,7 @@ function StudentDetail() {
         </TabsList>
         <TabsContent value="profile"><ProfileTab studentId={id} canEdit={canEdit} isAdmin={isAdmin} /></TabsContent>
         <TabsContent value="enrollment"><StudentEnrollmentTab studentId={id} isAdmin={isAdmin} /></TabsContent>
+        <TabsContent value="alerts"><StudentAlertsTab studentId={id} isAdmin={isAdmin} /></TabsContent>
         <TabsContent value="family"><FamilyTab studentId={id} canEdit={canEdit} isAdmin={isAdmin} /></TabsContent>
         <TabsContent value="academics"><AcademicsTab studentId={id} canEdit={canEdit} /></TabsContent>
         <TabsContent value="plans"><StudentPlansTab studentId={id} isAdmin={isAdmin} /></TabsContent>