fix style

CodeAcademyBerlin · Jul 5, 2023 · 48e550c · 48e550c
1 parent b597302
commit 48e550c
Show file tree

Hide file tree

Showing 15 changed files with 1,621 additions and 39,368 deletions.
diff --git a/apps/codac-community/src/components/community/Cohort.tsx b/apps/codac-community/src/components/community/Cohort.tsx
@@ -1,25 +1,24 @@
-import { ProfileCard, SkeletonCards } from "codac-ui";
+import { SkeletonCards, CohortCard } from "codac-ui";
 
 import { useGetCohortByName } from "#/graphql/hooks";
 
 export const Cohort = ({ cohortName }: { cohortName: string }) => {
   const { cohort, loading, error } = useGetCohortByName(cohortName);
 
   return (
-    <div className="">
-      <div>
-        <div className="m-2 space-y-10 text-lg font-medium text-white">Cohort</div>
-      </div>
+    <div className="flex justify-center">
       {loading && <SkeletonCards number={3} isLoading={loading} />}
       {error && <div>something is wrong</div>}
       <div className="flex grid-cols-4 gap-8">
         {cohort && (
           <div key={cohort.id} className="">
             {cohort.attributes && (
               <div className=" ">
-                <ProfileCard
+
+                <CohortCard
                   image={cohort.attributes.logo?.data.attributes.url}
                   title={cohort.attributes.name ?? ""}
+                  startDate={cohort.attributes.start_date ?? ""}
                 />
               </div>
             )}

diff --git a/apps/codac-community/src/components/community/Mentor.tsx b/apps/codac-community/src/components/community/Mentor.tsx
@@ -1,4 +1,4 @@
-import {Card, SkeletonCards } from "codac-ui";
+import { ProfileCard, SkeletonCards } from "codac-ui";
 
 import { useGetMentor } from "#/graphql/hooks";
 
@@ -7,15 +7,15 @@ export const Mentor = ({ id }: { id: string }) => {
   console.log(mentor);
 
   return (
-    <div className="flex min-w-[50rem]">
+    <div className="flex justify-center">
       {loading && <SkeletonCards number={3} isLoading={loading} />}
       {error && <div>something is wrong</div>}
       <div className="">
         {mentor && (
           <div key={mentor.id}>
             {mentor.attributes && (
               <div className="">
-                <Card
+                <ProfileCard
                   image={mentor.attributes.user?.data.attributes.avatar?.data.attributes.url ?? ""}
                   title={mentor.attributes.user?.data.attributes.username}
                   github={mentor?.attributes?.github ?? ""}

diff --git a/apps/codac-community/src/components/community/Student.tsx b/apps/codac-community/src/components/community/Student.tsx
@@ -1,4 +1,4 @@
-import { Card, SkeletonCards } from "codac-ui";
+import { ProfileCard, SkeletonCards } from "codac-ui";
 
 import { useGetStudent } from "#/graphql/hooks";
 
@@ -8,19 +8,21 @@ export const Student = ({ id }: { id: string }) => {
   console.log("Student component (student): ", student, id);
 
   return (
-    <div className="space-y-6">
+    <div className="flex justify-center">
       {loading && <SkeletonCards number={3} isLoading={loading} />}
       {error && <div>something is wrong</div>}
       <div className="flex grid-cols-4 gap-2 text-white">
         {student && (
           <div key={student.id}>
             {student.attributes && (
               <div className="relative object-cover text-white">
-                <Card
+                <ProfileCard
                   image={student.attributes.user?.data.attributes.avatar?.data.attributes.url ?? ""}
                   title={student.attributes.firstname ?? ""}
+                  title={student.attributes.lastname ?? ""}
                   github={student?.attributes?.github ?? ""}
                   linkdin={student?.attributes?.linkedin ?? ""}
+                  course={student.attributes?.course?.data?.attributes?.name || ""}
                 />
               </div>
             )}

diff --git a/apps/codac-community/src/components/community/StudentList.tsx b/apps/codac-community/src/components/community/StudentList.tsx
@@ -10,12 +10,10 @@ function StudentList({ cohortName }: { cohortName: string }) {
 
   return (
     <>
-      <div className="space-y-10">
-        <div>
-          <div className="text-lg font-medium text-white">Students</div>
-        </div>
+      <div className="">
+
         {loading && <SkeletonCards number={3} isLoading={loading} />}
-        <div className="flex min-w-full grid-cols-5 flex-wrap gap-4 object-cover">
+        <div className="m-2 flex min-w-full grid-cols-5 flex-wrap object-cover">
           {students &&
             students.map((student) => <StudentCard key={student.id} student={student} />)}
         </div>

diff --git a/apps/codac-community/src/pages/community/cohort/[id].tsx b/apps/codac-community/src/pages/community/cohort/[id].tsx
@@ -1,14 +1,13 @@
-import router from "next/router";
-
 import { Cohort } from "#/components/community/Cohort";
 import StudentList from "#/components/community/StudentList";
+import router from "next/router";
 
 export default function CohortPage() {
   const cohortName = (router.query.id as string) ?? "";
   return (
-    <>
+    <div className="">
       <Cohort cohortName={cohortName} />
       <StudentList cohortName={cohortName} />
-    </>
+    </div>
   );
 }
diff --git a/apps/codac-community/tsconfig.json b/apps/codac-community/tsconfig.json
@@ -10,7 +10,8 @@
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
     "esModuleInterop": true,
-    "incremental": true
+    "incremental": true,
+    "noEmit": true
   },
   "include": [
     "next-env.d.ts",
@@ -21,4 +22,4 @@
   "exclude": [
     "node_modules"
   ]
-}
+}
diff --git a/apps/codac-quasseln/src/pages/main-chat/index.tsx b/apps/codac-quasseln/src/pages/main-chat/index.tsx
@@ -4,7 +4,7 @@ import React, { useEffect, useState } from 'react'
 import { gql, useQuery } from "@apollo/client";
 import Link from 'next/link';
 import { useSocket } from '#/contexts/socketContext';
-import { Enum_Componentleadlifecycle_State } from 'codac-graphql-types';
+import { Enum_Componentleadlifecycle_State } from "codac-graphql-types";