devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added the entity to the classroom

Browse Source
This commit is contained in:
Tiago Ribeiro
2024-10-18 14:33:08 +01:00
parent 70a027f85b
commit 184a5fd820
1 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/classrooms/[id].tsx
View File

@@ -26,7 +26,7 @@ import Link from "next/link";
import {useRouter} from "next/router"; import {useRouter} from "next/router";
import {Divider} from "primereact/divider"; import {Divider} from "primereact/divider";
import {useEffect, useMemo, useState} from "react"; import {useEffect, useMemo, useState} from "react";
import {BsChevronLeft, BsClockFill, BsEnvelopeFill, BsFillPersonVcardFill, BsPlus, BsStopwatchFill, BsTag, BsTrash, BsX} from "react-icons/bs"; import {BsBuilding, BsChevronLeft, BsClockFill, BsEnvelopeFill, BsFillPersonVcardFill, BsPlus, BsStopwatchFill, BsTag, BsTrash, BsX} from "react-icons/bs";
import {toast, ToastContainer} from "react-toastify"; import {toast, ToastContainer} from "react-toastify";
export const getServerSideProps = withIronSessionSsr(async ({req, res, params}) => { export const getServerSideProps = withIronSessionSsr(async ({req, res, params}) => {
@@ -185,8 +185,8 @@ export default function Home({user, group, users, entity}: Props) {
{user && ( {user && (
<Layout user={user}> <Layout user={user}>
<section className="flex flex-col gap-0"> <section className="flex flex-col gap-0">
<div className="flex items-center justify-between">
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
<div className="flex items-end justify-between">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Link <Link
href="/classrooms" href="/classrooms"
@@ -195,10 +195,7 @@ export default function Home({user, group, users, entity}: Props) {
</Link> </Link>
<h2 className="font-bold text-2xl">{group.name}</h2> <h2 className="font-bold text-2xl">{group.name}</h2>
</div> </div>
<span className="flex items-center gap-2">
<BsFillPersonVcardFill className="text-xl" /> {getUserName(group.admin)}
</span>
</div>
{!isAdding && ( {!isAdding && (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<button <button
@@ -218,6 +215,15 @@ export default function Home({user, group, users, entity}: Props) {
</div> </div>
)} )}
</div> </div>
<div className="flex flex-col gap-2">
<span className="flex items-center gap-2">
<BsBuilding className="text-xl" /> {entity.label}
</span>
<span className="flex items-center gap-2">
<BsFillPersonVcardFill className="text-xl" /> {getUserName(group.admin)}
</span>
</div>
</div>
<Divider /> <Divider />
<div className="flex items-center justify-between mb-4"> <div className="flex items-center justify-between mb-4">
<span className="font-semibold text-xl">Participants</span> <span className="font-semibold text-xl">Participants</span>