feat: automatic student class fill

src/@types/index.d.ts

@@ -158,7 +158,8 @@ export type DirectExchangeParticipant = {
 
 export type Student = {
   name: string,
-  mecNumber: number
+  mecNumber: number,
+  className: string
 }
 
 export type CollabSession = {

src/components/exchange/requests/issue/cards/CreateRequestCard.tsx

@@ -95,6 +95,8 @@ export const CreateRequestCard = ({
     setExchangeSchedule(newExchangeSchedule);
   }
 
+  console.log("Destination student: ", selectedDestinationStudent);
+
   return <Card key={courseInfo.name} className="shadow-md">
     <CardHeader className="flex flex-row justify-between items-center gap-4">
       <CardTitle className="text-md">{courseInfo.name}</CardTitle>
@@ -105,6 +107,7 @@ export const CreateRequestCard = ({
       </div>
     </CardHeader>
     <CardContent className="flex flex-col gap-y-4">
+      { ((selectedDestinationStudent && selectedDestinationStudent.className === "") || !hasStudentToExchange) &&
       <div className="flex flex-row items-center gap-x-2">
         <p>{issuerOriginClassName}</p>
         <ArrowRightIcon className="w-5 h-5" />
@@ -141,6 +144,18 @@ export const CreateRequestCard = ({
           </DropdownMenu>
         </div>
       </div>
+      }
+
+      {
+        (hasStudentToExchange && selectedDestinationStudent && selectedDestinationStudent.className !== "") && (
+          <div className="flex flex-row gap-x-2">
+            <p>{issuerOriginClassName}</p>
+            <ArrowRightIcon className="w-5 h-5" />
+            <p>{selectedDestinationStudent.className}</p>
+          </div>
+        )
+      }
+
       <div className="flex flex-col gap-y-4">
         <div className={`${hasStudentToExchange ? "" : "hidden"}`}>
           <DropdownMenu>