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

Merged in feature/training-content (pull request #60)

Browse Source 
Patched the module badges on the training view
This commit is contained in:
carlos.mesquita
2024-08-03 14:23:05 +00:00
committed by Tiago Ribeiro
parent f6a0a391b9 0f47a8af70
commit cf64a91651
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/training/index.tsx
View File

@@ -85,7 +85,7 @@ const Training: React.FC<{ user: User }> = ({ user }) => {
useEffect(() => {
const postStats = async () => {
try {
const response = await axios.post<{id: string}>(`/api/training`, stats);
const response = await axios.post<{ id: string }>(`/api/training`, stats);
return response.data.id;
} catch (error) {
setIsNewContentLoading(false);
@@ -93,7 +93,7 @@ const Training: React.FC<{ user: User }> = ({ user }) => {
};
if (isNewContentLoading) {
postStats().then( id => {
postStats().then(id => {
setTrainingStats([]);
if (id) {
router.push(`/training/${id}`)
@@ -220,6 +220,7 @@ const Training: React.FC<{ user: User }> = ({ user }) => {
const trainingContentContainer = (timestamp: string) => {
if (!groupedByTrainingContent) return <></>;
const trainingContent: ITrainingContent = groupedByTrainingContent[timestamp];
const uniqueModules = [...new Set(trainingContent.exams.map(exam => exam.module))];
return (
<>
@@ -236,11 +237,9 @@ const Training: React.FC<{ user: User }> = ({ user }) => {
</div>
<div className="flex flex-col gap-2">
<div className="w-full flex flex-row gap-1">
{Object.values(groupedByTrainingContent || {}).flatMap((content) =>
content.exams.map(({ module, id }) => (
<ModuleBadge key={id} module={module} />
))
)}
{uniqueModules.map((module) => (
<ModuleBadge key={module} module={module} />
))}
</div>
</div>
</div>
@@ -270,7 +269,7 @@ const Training: React.FC<{ user: User }> = ({ user }) => {
{(isNewContentLoading || isLoading ? (
<div className="absolute left-1/2 top-1/2 flex h-fit w-fit -translate-x-1/2 -translate-y-1/2 animate-pulse flex-col items-center gap-12">
<span className="loading loading-infinity w-32 bg-mti-green-light" />
{ isNewContentLoading && (<span className="text-center text-2xl font-bold text-mti-green-light">
{isNewContentLoading && (<span className="text-center text-2xl font-bold text-mti-green-light">
Assessing your exams, please be patient...
</span>)}
</div>