From b63f5563f36b8acda7956c6ce49ffde9a9a8e2bd Mon Sep 17 00:00:00 2001 From: DavePk04 <Dave.Pikop.Pokam@ulb.be> Date: Fri, 27 Dec 2024 20:03:54 +0100 Subject: [PATCH] fix: resolve code style issues for linting --- frontend/src/lang/fr.json | 8 +- frontend/src/routes/register/+page.svelte | 105 +++++++++++----------- 2 files changed, 58 insertions(+), 55 deletions(-) diff --git a/frontend/src/lang/fr.json b/frontend/src/lang/fr.json index d4b5bcec..7ddfa7ca 100644 --- a/frontend/src/lang/fr.json +++ b/frontend/src/lang/fr.json @@ -132,10 +132,10 @@ "humans": "Je ne suis pas un robot", "signup": "S'inscrire", "availabilities": "Disponibilités", - "noAvailabilities": "Aucune disponibilité fournie", - "scheduleMeeting": "Planifier une réunion", - "linkNotAvailable": "Lien non disponible", - "noTutorsAvailable": "Aucun tuteur n'est actuellement disponible", + "noAvailabilities": "Aucune disponibilité fournie", + "scheduleMeeting": "Planifier une réunion", + "linkNotAvailable": "Lien non disponible", + "noTutorsAvailable": "Aucun tuteur n'est actuellement disponible", "tab": { "consent": "Consentement", "signup": "Inscription", diff --git a/frontend/src/routes/register/+page.svelte b/frontend/src/routes/register/+page.svelte index 0f420a79..05f17691 100644 --- a/frontend/src/routes/register/+page.svelte +++ b/frontend/src/routes/register/+page.svelte @@ -241,63 +241,66 @@ {#if isLoading} <p>Loading tutors...</p> {:else if tutors && tutors.length > 0} - <div class="max-w-4xl mx-auto"> - <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 p-6 bg-gray-100"> - {#each tutors as tutor} - <li - class="card shadow-lg bg-white border border-gray-200 rounded-lg hover:shadow-xl transition-shadow" - > - <div class="card-body flex flex-col items-center"> - <div class="avatar placeholder"> - <div class="bg-neutral-focus text-neutral-content rounded-full w-16 h-16 mb-4"> - {#if tutor.gender === 'female'} - <span class="text-2xl">👩</span> - {:else if tutor.gender === 'male'} - <span class="text-2xl">👨</span> - {:else} - <span class="text-2xl">👤</span> - {/if} + <div class="max-w-4xl mx-auto"> + <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 p-6 bg-gray-100"> + {#each tutors as tutor} + <li + class="card shadow-lg bg-white border border-gray-200 rounded-lg hover:shadow-xl transition-shadow" + > + <div class="card-body flex flex-col items-center"> + <div class="avatar placeholder"> + <div class="bg-neutral-focus text-neutral-content rounded-full w-16 h-16 mb-4"> + {#if tutor.gender === 'female'} + <span class="text-2xl">👩</span> + {:else if tutor.gender === 'male'} + <span class="text-2xl">👨</span> + {:else} + <span class="text-2xl">👤</span> + {/if} + </div> </div> + <h3 class="card-title text-lg font-bold text-gray-800">{tutor.nickname}</h3> + <p class="text-sm text-gray-600">{tutor.email}</p> + <p class="text-sm text-gray-600"> + First Language: {tutor.home_language || 'Not specified'} + </p> + <p class="text-sm text-gray-500 mt-1">{tutor.bio || 'No bio available.'}</p> + {#if tutor.availabilities?.length > 0} + <p class="text-sm text-gray-800 mt-2">{$t('register.availabilities')}:</p> + <ul class="text-sm text-gray-600"> + {#each tutor.availabilities as availability} + <li>{availability.day}: {availability.start} - {availability.end}</li> + {/each} + </ul> + {:else} + <p class="text-sm text-gray-500 mt-1">{$t('register.noAvailabilities')}</p> + {/if} + {#if tutor.calcom_link} + <a + href={tutor.calcom_link} + class="btn btn-primary mt-4 text-white" + target="_blank" + rel="noopener noreferrer" + > + Schedule Meeting + </a> + {:else} + <button class="btn btn-disabled mt-4" disabled> + {$t('register.linkNotAvailable')} + </button> + {/if} </div> - <h3 class="card-title text-lg font-bold text-gray-800">{tutor.nickname}</h3> - <p class="text-sm text-gray-600">{tutor.email}</p> - <p class="text-sm text-gray-600"> - First Language: {tutor.home_language || 'Not specified'} - </p> - <p class="text-sm text-gray-500 mt-1">{tutor.bio || 'No bio available.'}</p> - {#if tutor.availabilities?.length > 0} - <p class="text-sm text-gray-800 mt-2">{$t('register.availabilities')}:</p> - <ul class="text-sm text-gray-600"> - {#each tutor.availabilities as availability} - <li>{availability.day}: {availability.start} - {availability.end}</li> - {/each} - </ul> - {:else} - <p class="text-sm text-gray-500 mt-1">{$t('register.noAvailabilities')}</p> - {/if} - {#if tutor.calcom_link} - <a - href={tutor.calcom_link} - class="btn btn-primary mt-4 text-white" - target="_blank" - rel="noopener noreferrer" - > - Schedule Meeting - </a> - {:else} - <button class="btn btn-disabled mt-4" disabled> {$t('register.linkNotAvailable')} </button> - {/if} - </div> - </li> - {/each} - </ul> - </div> - + </li> + {/each} + </ul> + </div> {:else} <p>{$t('register.noTutorsAvailable')}</p> {/if} <div class="form-control mt-6"> - <button class="button w-full" onclick={() => current_step++}> {$t('register.tab.continue')} </button> + <button class="button w-full" onclick={() => current_step++}> + {$t('register.tab.continue')} + </button> </div> {:else if current_step == 5} <div class="text-center"> -- GitLab