Disable tee-shirt choice

src/components/Asks/AskDiscord.tsx

@@ -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
+                Discord nous permet gratuitement et sans pub de s'écrire entre bénévoles et donc de
-                navigateurs ou smartphones. Et donc de s'organiser super efficacement !<br />
+                s'organiser super efficacement !<br />
-                C'est un peu déroutant au début, mais extrêmement pratique car à chaque sujet de
+                L’appli est dispo ici :<br />
-                discussion correspond un salon différent que tu peux demander à suivre ou ignorer
+                Android : https://play.google.com/store/apps/details?id=com.discord
-                totalement via la gestion des notifications.
                 <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
+                nom de famille si un autre bénévole présent sur le serveur a le même prénom.
-                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”.
             </p>
 
             <div className={styles.formButtons}>

src/components/VolunteerBoard/Hosting/Hosting.tsx

@@ -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>

src/components/VolunteerBoard/HostingForm/HostingForm.tsx

@@ -230,18 +230,18 @@ const HostingForm: FC<Props> = ({ children, afterSubmit }): JSX.Element => {
                     <label className={styles.hostingTypeLabel}>
                         <input
                             type="radio"
-                            name="can"
+                            name="propose"
-                            onChange={() => onHostingTypeChange("can")}
+                            onChange={() => onHostingTypeChange("propose")}
-                            checked={hostingType === "can"}
+                            checked={hostingType === "propose"}
                         />{" "}
                         Je peux héberger au moins un bénévole
                     </label>
                     <label className={styles.hostingTypeLabel}>
                         <input
                             type="radio"
-                            name="need"
+                            name="cherche"
-                            onChange={() => onHostingTypeChange("need")}
+                            onChange={() => onHostingTypeChange("cherche")}
-                            checked={hostingType === "need"}
+                            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}>

src/components/VolunteerBoard/ParticipationDetails/ParticipationDetails.tsx

@@ -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}>
-                <button type="button" onClick={onEdit}>
+                {allowEdit && (
-                    Modifier
+                    <button type="button" onClick={onEdit}>
-                </button>
+                        Modifier
+                    </button>
+                )}
+                {!allowEdit && <>Commande de tee-shirts envoyée</>}
             </div>
         </div>
     )

src/components/VolunteerBoard/ParticipationDetails/styles.module.scss

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

src/components/VolunteerBoard/TeamWishesForm/TeamWishesForm.tsx

@@ -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
+                    Sélectionne la ou les équipes que tu aimerais rejoindre. Ta préféré en premier.
-                    préférences.
+                    Mais ne sélectionne que des équipes que tu accepterais de rejoindre ! Quitte à
-                </p>
+                    n'en sélectionner qu'une.
-                <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.
                 </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">

src/services/volunteers.ts

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