Skip to content

Commit

Permalink
Merge pull request #980 from parlemonde/hotfix_village_24/25
Browse files Browse the repository at this point in the history 
Hotfix village 24/25
  • Loading branch information
@guillaume-pages
guillaume-pages authored Sep 5, 2024
2 parents c953884 + 998ad14 commit 7ce9e78
Show file tree
Hide file tree
Showing 3 changed files with 130 additions and 100 deletions.
34 changes: 18 additions & 16 deletions src/components/Navigation.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,15 +15,15 @@ import AnthemIcon from 'src/svg/navigation/anthem-icon.svg';
import FreeContentIcon from 'src/svg/navigation/free-content-icon.svg';
import GameIcon from 'src/svg/navigation/game-icon.svg';
import HomeIcon from 'src/svg/navigation/home-icon.svg';
import IndiceIcon from 'src/svg/navigation/indice-culturel.svg';
// import IndiceIcon from 'src/svg/navigation/indice-culturel.svg';
import KeyIcon from 'src/svg/navigation/key-icon.svg';
import MusicIcon from 'src/svg/navigation/music-icon.svg';
import QuestionIcon from 'src/svg/navigation/question-icon.svg';
import ReactionIcon from 'src/svg/navigation/reaction-icon.svg';
import ReportageIcon from 'src/svg/navigation/reportage-icon.svg';
import RouletteIcon from 'src/svg/navigation/roulette-icon.svg';
import StoryIcon from 'src/svg/navigation/story-icon.svg';
import SymbolIcon from 'src/svg/navigation/symbol-icon.svg';
// import SymbolIcon from 'src/svg/navigation/symbol-icon.svg';
import TargetIcon from 'src/svg/navigation/target-icon.svg';
import UserIcon from 'src/svg/navigation/user-icon.svg';
import { serializeToQueryUrl } from 'src/utils';
Expand Down Expand Up @@ -134,20 +134,22 @@ export const Navigation = (): JSX.Element => {
phase: 1,
disabled: !isTeacher,
},
{
label: 'Présenter un indice culturel',
path: '/indice-culturel',
icon: <IndiceIcon style={{ fill: 'currentcolor' }} width="1.4rem" />,
phase: 1,
disabled: isParent,
},
{
label: 'Présenter un symbole',
path: '/symbole',
icon: <SymbolIcon style={{ fill: 'currentcolor' }} width="1.4rem" />,
phase: 1,
disabled: isParent,
},
// ---- Commenté pour l'année 2024 - 2025 d'1Village ----

// {
// label: 'Présenter un indice culturel',
// path: '/indice-culturel',
// icon: <IndiceIcon style={{ fill: 'currentcolor' }} width="1.4rem" />,
// phase: 1,
// disabled: isParent,
// },
// {
// label: 'Présenter un symbole',
// path: '/symbole',
// icon: <SymbolIcon style={{ fill: 'currentcolor' }} width="1.4rem" />,
// phase: 1,
// disabled: isParent,
// },
// ---- PHASE 2 ----
{
label: 'Réaliser un reportage',
Expand Down
97 changes: 55 additions & 42 deletions src/components/WelcomeModal/SecondPhase.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ export const SecondPhase = () => {
const { user, setUser } = React.useContext(UserContext);
const { enqueueSnackbar } = useSnackbar();
const [isModalOpen, setIsModalOpen] = React.useState(true);
const urlForm = 'https://docs.google.com/forms/d/e/1FAIpQLSf-BttQrXpk8558Uw9BGaS8sZ1qiR0v2LmA2be_wDLi5y3rLA/viewform';

if (!user) {
return null;
Expand Down Expand Up @@ -46,49 +47,61 @@ export const SecondPhase = () => {
ariaLabelledBy="missing-step-title"
actions={
<>
<div id="new-user-desc" style={{ minHeight: '15rem', display: 'flex', justifyContent: 'center', textAlign: 'center', marginTop: '2rem' }}>
<div>
<p>Si vous n&apos;avez pas encore résolu l&apos;énigme avec votre classe, retournez sur la phase 1.</p>
<Button
component="a"
onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
event.preventDefault();
setSelectedPhase(1);
setIsModalOpen(false);
}}
href={'/'}
color="primary"
variant={'outlined'}
className="navigation__button full-width"
style={{
justifyContent: 'flex-start',
width: 'auto',
}}
>
Retourner sur la phase 1
</Button>
<div
id="new-user-desc"
style={{ minHeight: '15rem', display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', marginTop: '2rem' }}
>
<div style={{ display: 'flex', justifyContent: 'center', gap: '2rem' }}>
<div>
<p>Si vous n&apos;avez pas encore résolu l&apos;énigme avec votre classe, retournez sur la phase 1.</p>
<Button
component="a"
onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
event.preventDefault();
setSelectedPhase(1);
setIsModalOpen(false);
}}
href={'/'}
color="primary"
variant={'outlined'}
className="navigation__button full-width"
style={{
justifyContent: 'flex-start',
width: 'auto',
}}
>
Retourner sur la phase 1
</Button>
</div>
<div>
<p>Si vous souhaitez débuter les échanges avec vos Pélicopains, poursuivez sur la phase 2.</p>
<Button
component="a"
onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
event.preventDefault();
updateUser();
setSelectedPhase(2);
setIsModalOpen(false);
}}
href={'/'}
color="primary"
variant={'outlined'}
className="navigation__button full-width"
style={{
justifyContent: 'flex-start',
width: 'auto',
}}
>
Poursuivre sur la phase 2
</Button>
</div>
</div>
<div>
<p>Si vous souhaitez débuter les échanges avec vos Pélicopains, poursuivez sur la phase 2.</p>
<Button
component="a"
onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
event.preventDefault();
updateUser();
setSelectedPhase(2);
setIsModalOpen(false);
}}
href={'/'}
color="primary"
variant={'outlined'}
className="navigation__button full-width"
style={{
justifyContent: 'flex-start',
width: 'auto',
}}
>
Poursuivre sur la phase 2
</Button>

<div style={{ marginTop: '2rem' }}>
Avant de passer à la phase suivante, prenez 5 minutes pour nous faire vos retours sur la phase 1 :{' '}
<a href={urlForm} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'underline', color: '#4c3ed9' }}>
Vos retours sur la phase 1 d&apos;1Village 2024/25
</a>
</div>
</div>
</>
Expand Down
99 changes: 57 additions & 42 deletions src/components/WelcomeModal/ThirdPhase.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,9 @@ export const ThirdPhase = () => {
const { user, setUser } = React.useContext(UserContext);
const { enqueueSnackbar } = useSnackbar();
const [isModalOpen, setIsModalOpen] = React.useState(true);
const urlForm = 'https://docs.google.com/forms/d/e/1FAIpQLSfncEkPDYsPjK3RCjX_YBUC2uNxD-RAd2Bn_KGlimv765M-Vw/viewform';
const textToDisplay = 'Avant de passer à la phase suivante, prenez 5 minutes pour nous faire vos retours sur la phase 1 : ';
const textForUrl = "Vos retours sur la phase 2 d'1Village 2024/25";

if (!user) {
return null;
Expand Down Expand Up @@ -46,49 +49,61 @@ export const ThirdPhase = () => {
ariaLabelledBy="missing-step-title"
actions={
<>
<div id="new-user-desc" style={{ minHeight: '15rem', display: 'flex', justifyContent: 'center', textAlign: 'center', marginTop: '2rem' }}>
<div>
<p>{'Si vous voulez poursuivre les échanges avec vos pélicopains, retournez sur la phase 2'}</p>
<Button
component="a"
onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
event.preventDefault();
setSelectedPhase(2);
setIsModalOpen(false);
}}
href={'/'}
color="primary"
variant={'outlined'}
className="navigation__button full-width"
style={{
justifyContent: 'flex-start',
width: 'auto',
}}
>
Retourner sur la phase 2
</Button>
<div
id="new-user-desc"
style={{ minHeight: '15rem', display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', marginTop: '2rem' }}
>
<div style={{ display: 'flex', justifyContent: 'center', gap: '2rem' }}>
<div>
<p>{'Si vous voulez poursuivre les échanges avec vos pélicopains, retournez sur la phase 2'}</p>
<Button
component="a"
onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
event.preventDefault();
setSelectedPhase(2);
setIsModalOpen(false);
}}
href={'/'}
color="primary"
variant={'outlined'}
className="navigation__button full-width"
style={{
justifyContent: 'flex-start',
width: 'auto',
}}
>
Retourner sur la phase 2
</Button>
</div>
<div>
<p>{"Si vous souhaitez débuter l'imagination du village idéal, poursuivez sur la phase 3."}</p>
<Button
component="a"
onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
event.preventDefault();
updateUser();
setSelectedPhase(3);
setIsModalOpen(false);
}}
href={'/'}
color="primary"
variant={'outlined'}
className="navigation__button full-width"
style={{
justifyContent: 'flex-start',
width: 'auto',
}}
>
Poursuivre sur la phase 3
</Button>
</div>
</div>
<div>
<p>{"Si vous souhaitez débuter l'imagination du village idéal, poursuivez sur la phase 3."}</p>
<Button
component="a"
onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
event.preventDefault();
updateUser();
setSelectedPhase(3);
setIsModalOpen(false);
}}
href={'/'}
color="primary"
variant={'outlined'}
className="navigation__button full-width"
style={{
justifyContent: 'flex-start',
width: 'auto',
}}
>
Poursuivre sur la phase 3
</Button>

<div style={{ marginTop: '2rem' }}>
{textToDisplay}
<a href={urlForm} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'underline', color: '#4c3ed9' }}>
{textForUrl}
</a>
</div>
</div>
</>
Expand Down

0 comments on commit 7ce9e78

Please sign in to comment.