PeL/force-orange-2022
PeL/force-orange-2022
1
1
Fork 0
mirror of https://github.com/Paris-est-Ludique/intranet.git synced 2025-06-08 08:34:20 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Disable tee-shirt choice

Browse Source
This commit is contained in:
pikiou 2023-06-02 14:21:12 +02:00
parent b6533795c4
commit 42f3e86381
7 changed files with 61 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Asks/AskDiscord.tsx
View File

@ -36,17 +36,24 @@ export function AskDiscord(asks: JSX.Element[], id: number): void {
needToShow,
<div className={styles.formLine}>
<p>
Discord nous permet gratuitement et sans pub de s'écrire entre bénévoles via nos
navigateurs ou smartphones. Et donc de s'organiser super efficacement !<br />
C'est un peu déroutant au début, mais extrêmement pratique car à chaque sujet de
discussion correspond un salon différent que tu peux demander à suivre ou ignorer
totalement via la gestion des notifications.
Discord nous permet gratuitement et sans pub de s'écrire entre bénévoles et donc de
s'organiser super efficacement !<br />
L’appli est dispo ici :<br />
Android : https://play.google.com/store/apps/details?id=com.discord
<br />
Pour rejoindre le serveur PeL, voici le lien d'invitation à cliquer :{" "}
iPhone : https://apps.apple.com/fr/app/discord-discute-partage/id985746746
<br />
Puis rejoindre le serveur PeL ici :{" "}
<a href={discordInvitation} onClick={onSubmit}>
{discordInvitation}
</a>{" "}
!
</a>
<br />
C’est un peu déroutant au début, mais extrêmement pratique car les discussions sont
organisées par thème, par sujet, par équipe, que tu peux demander à suivre de près
en activant les notifications, ou ignorer totalement. En parallèle du téléphone ou à
la place, tu peux aussi y accéder depuis un navigateur :{" "}
<a href="https://discord.com/login">https://discord.com/login</a>
<br />
</p>
<p>
Prends le temps de le rejoindre maintenant, c'est via cet outil que la plupart des
@ -55,10 +62,7 @@ export function AskDiscord(asks: JSX.Element[], id: number): void {
<p>
Pour s'y retrouver tellement on est nombreux (plus de 200), il est nécessaire
d'avoir son prénom comme alias. Voir même d'avoir ensuite la première lettre de ton
nom de famille si un autre bénévole présent sur le serveur a le même prénom. Pour
changer ton alias uniquement sur le serveur PeL, il faut faire un clique droit sur
l'icône ronde du serveur en haut à gauche, et aller dans “Modifier le profil du
serveur”.
nom de famille si un autre bénévole présent sur le serveur a le même prénom.
</p>
<div className={styles.formButtons}>

4
src/components/VolunteerBoard/Hosting/Hosting.tsx
View File

@ -20,13 +20,13 @@ const Hosting: FC = (): JSX.Element | null => {
Je ne peux héberger personnes que ça arrangerait.
</div>
)}
{hostingType === "need" && (
{hostingType === "cherche" && (
<div className={styles.hostingLabel}>
J'ai précisé mon <b>besoin</b> d'un hébergement par un bénévole proche du
festival
</div>
)}
{hostingType === "can" && (
{hostingType === "propose" && (
<div className={styles.hostingLabel}>
Je peux héberger <b>{canHostCount} bénévole(s)</b> !
</div>

47
src/components/VolunteerBoard/HostingForm/HostingForm.tsx
View File

@ -230,18 +230,18 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
<label className={styles.hostingTypeLabel}>
<input
type="radio"
name="can"
onChange={() => onHostingTypeChange("can")}
checked={hostingType === "can"}
name="propose"
onChange={() => onHostingTypeChange("propose")}
checked={hostingType === "propose"}
/>{" "}
Je peux héberger au moins un bénévole
</label>
<label className={styles.hostingTypeLabel}>
<input
type="radio"
name="need"
onChange={() => onHostingTypeChange("need")}
checked={hostingType === "need"}
name="cherche"
onChange={() => onHostingTypeChange("cherche")}
checked={hostingType === "cherche"}
/>{" "}
J'aurais besoin d'un hébergement de la part d'un bénévole proche du festival
</label>
@ -258,7 +258,10 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
</div>
<div
className={classnames([styles.inputWrapper, hostingType !== "can" && styles.hide])}
className={classnames([
styles.inputWrapper,
hostingType !== "propose" && styles.hide,
])}
>
<div className={styles.leftCol}>
<div className={styles.canHostCountTitle}>
@ -271,7 +274,10 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
</div>
<div
className={classnames([styles.inputWrapper, hostingType !== "can" && styles.hide])}
className={classnames([
styles.inputWrapper,
hostingType !== "propose" && styles.hide,
])}
>
<div className={styles.leftCol}>
<div className={styles.petAllergiesTitle}>
@ -287,7 +293,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
className={classnames([
styles.inputWrapper,
styles.noBottomMargin,
hostingType !== "need" && styles.hide,
hostingType !== "cherche" && styles.hide,
])}
>
<div className={styles.leftCol}>
@ -323,7 +329,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
{nightList.map((nightOption) =>
getNightElement(
nightOption,
hostingType === "need"
hostingType === "cherche"
? " J'aimerai bien mais pas obligatoire"
: " Je peux mais ça ne m'arrange pas trop"
)
@ -334,7 +340,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
className={classnames([
styles.inputWrapper,
styles.noBottomMargin,
hostingType !== "can" && styles.hide,
hostingType !== "propose" && styles.hide,
])}
>
<div className={styles.leftCol}>
@ -360,7 +366,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
className={classnames([
styles.inputWrapper,
styles.noBottomMargin,
hostingType !== "can" && styles.hide,
hostingType !== "propose" && styles.hide,
])}
>
<div className={styles.leftCol}>
@ -394,7 +400,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
className={classnames([
styles.inputWrapper,
styles.bedConfigurationWrapper,
hostingType !== "can" && styles.hide,
hostingType !== "propose" && styles.hide,
])}
>
<div className={styles.leftCol}>
@ -412,7 +418,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
className={classnames([
styles.inputWrapper,
styles.hostAddressWrapper,
hostingType !== "can" && styles.hide,
hostingType !== "propose" && styles.hide,
])}
>
<div className={styles.leftCol}>
@ -429,7 +435,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
className={classnames([
styles.inputWrapper,
styles.noBottomMargin,
hostingType !== "need" && styles.hide,
hostingType !== "cherche" && styles.hide,
])}
>
<div className={styles.leftCol}>
@ -451,7 +457,10 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
</div>
<div
className={classnames([styles.inputWrapper, hostingType !== "can" && styles.hide])}
className={classnames([
styles.inputWrapper,
hostingType !== "propose" && styles.hide,
])}
>
<div className={styles.leftCol}>
<div className={styles.transportTypeTitle}>
@ -472,7 +481,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
styles.inputWrapper,
(hostingType === "" ||
hostingType === "neither" ||
(hostingType === "need" &&
(hostingType === "cherche" &&
(festivalProximity === "hors région parisienne" ||
festivalProximity === ""))) &&
styles.hide,
@ -495,7 +504,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
<div
className={classnames([
styles.hostingNeedReasonWrapper,
(hostingType !== "need" ||
(hostingType !== "cherche" ||
festivalProximity === "hors région parisienne" ||
festivalProximity === "") &&
styles.hide,
@ -509,7 +518,7 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
className={classnames([
styles.inputWrapper,
styles.noBottomMargin,
hostingType !== "need" && styles.hide,
hostingType !== "cherche" && styles.hide,
])}
>
<div className={styles.leftCol}>

5
src/components/VolunteerBoard/ParticipationDetails/ParticipationDetails.tsx
View File

@ -9,6 +9,8 @@ type Props = {
afterSubmit?: () => void | undefined
}
const allowEdit = false
const ParticipationDetails: FC<Props> = (): JSX.Element | null => {
const [participationDetails] = useUserParticipationDetails()
const adult = get(participationDetails, "adult", "")
@ -46,9 +48,12 @@ const ParticipationDetails: FC<Props> = (): JSX.Element | null => {
)}
</div>
<div className={styles.editButton}>
{allowEdit && (
<button type="button" onClick={onEdit}>
Modifier
</button>
)}
{!allowEdit && <>Commande de tee-shirts envoyée</>}
</div>
</div>
)

2
src/components/VolunteerBoard/ParticipationDetails/styles.module.scss
View File

@ -25,8 +25,10 @@
.editButton {
@include vertical-center();
width: 100px;
position: absolute;
right: 20px;
text-align: right;
button {
color: $color-green;

14
src/components/VolunteerBoard/TeamWishesForm/TeamWishesForm.tsx
View File

@ -41,17 +41,11 @@ const TeamWishesForm: FC<Props> = ({ children, afterSubmit }): JSX.Element | nul
<div className={styles.title}>Mon choix d'équipe</div>
<div className={styles.intro}>
<p>
Sélectionne la ou les équipes que tu aimerais rejoindre dans l'ordre de tes
préférences.
</p>
<p>
Tu seras affecté à une équipe pour les jours de festival prochainement et nous
tiendrons compte de tes préférences dans la mesure du possible.
</p>
<p>
Si tu es disponible pour aider en amont, même une autre équipe, n'hésite pas à
le mettre en commentaire.
Sélectionne la ou les équipes que tu aimerais rejoindre. Ta préféré en premier.
Mais ne sélectionne que des équipes que tu accepterais de rejoindre ! Quitte à
n'en sélectionner qu'une.
</p>
<p>Tu seras affecté à l'une d'elles prochainement et son référent te préviendra.</p>
<p>
Pour plus d'informations sur les équipes,{" "}
<a href="/equipes" target="_blank">

2
src/services/volunteers.ts
View File

@ -96,7 +96,7 @@ export class Volunteer implements VolunteerPartial {
hostingNeedReason = ""
hostingAbsoluteNeed = true
hostingAbsoluteNeed = false
meals: string[] = []