New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Tableau de bord] Ajout du bloc AMP #1722

Merged

maximeperraultdev merged 6 commits into main from maxime/feat/1715/dashboard_amps

Oct 2, 2024

Collaborator

maximeperraultdev commented Sep 27, 2024

Related Pull Requests & Issues

Resolve Bloc zones AMP. ⏳: 3 #1715

Tests E2E (Cypress)

maximeperraultdev requested a review from claire2212

September 27, 2024 09:15

claire2212 reviewed

View reviewed changes

frontend/src/features/Dashboard/components/DashboardForm/index.tsx Outdated

@@ @@ -160,6 +148,8 @@ export function DashboardForm() { @@
               const Container = styled(SideWindowContent)`
                 display: flex;
                 flex-direction: row;
+                gap: 48px;
+                padding: 24px 0 0 25px;

Collaborator

claire2212 Sep 27, 2024

pourquoi ce padding? normalement SideWindowContent a déjà la bon padding (même style pour les signalements et les missions)

Collaborator Author

maximeperraultdev Sep 30, 2024

C'est le padding de la maquette.

claire2212 reviewed

View reviewed changes

frontend/src/features/Dashboard/components/DashboardForm/index.tsx Outdated

@@ @@ -170,5 +160,5 @@ const Column = styled.div` @@
                 height: calc(100vh- 48px - 40px); // 48px = navbar height, 40px = padding
                 overflow-y: auto;
                 overflow-x: visible;

Collaborator

claire2212 Sep 27, 2024

Pourquoi avoir enlever le padding? Il y a maintenant pose un souci d'affichage :
Sans le padding :

Avec le padding:

Capture d’écran 2024-09-27 à 16 01 45

Collaborator Author

maximeperraultdev Sep 30, 2024

étrange que le padding fasse apparaitre la bordure. Merci de l'avoir vu

claire2212 reviewed

View reviewed changes

Collaborator

claire2212 left a comment

Pout tous les changements dans le dossier RegulatoryAreas il y en a une partie que j'ai fait dans ma PR. Pour le reste (notamment dans le fichier Layer, j'ai fait autrement)

maximeperraultdev force-pushed the maxime/feat/1715/dashboard_amps branch from 0d2e7c7 to e33dbed Compare

September 30, 2024 09:59

claire2212 reviewed

View reviewed changes

frontend/src/features/Dashboard/components/DashboardForm/Accordion.tsx Outdated

                 max-height: ${({ $isExpanded }) => ($isExpanded ? '100vh' : '0px')};
                 transition: ${({ $isExpanded }) => ($isExpanded ? '0.5s max-height ease-in' : '0.3s max-height ease-out')};
               `
+              export const AccordionWrapper = styled.div`
+                padding: 3px;

Collaborator

claire2212 Oct 1, 2024

pourquoi ne pas ajouter ce padding sur le composant Column ? ça éviterait de l'ajouter à chaque fois

claire2212 reviewed

View reviewed changes

frontend/src/features/Dashboard/components/DashboardForm/VigilanceAreas/Panel/Amps.tsx Outdated


		const isSubPanelOpened = !!(openPanel?.subPanel?.id && openPanel.subPanel.type === Dashboard.Block.AMP)

		const onClick = (event, id: number \| undefined) => {

Collaborator

claire2212 Oct 1, 2024 •

edited

Loading

possible de mettre un nom de fonction un peu moins générique ?

je viens de me rendre compte qu'il faudrait masquer le panel quand il est affiché et qu'on re-clique sur l'icône (idem côté Zones reg) à faire plus tard peut-être

Collaborator Author

maximeperraultdev Oct 1, 2024

Je me posais la question je croyais que c'était voulu ^^

claire2212 reviewed

View reviewed changes

...end/src/features/Dashboard/components/DashboardForm/VigilanceAreas/Panel/RegulatoryAreas.tsx Outdated

                 )
+                const openPanel = useAppSelector(state =>
+                  activeDashboardId
+                    ? getOpenedPanel(state.dashboard, { id: activeDashboardId, type: Dashboard.Block.VIGILANCE_AREAS })

Collaborator

claire2212 Oct 1, 2024 •

edited

Loading

je pense qu'il n'y a pas besoin de passer activeDashboardId puisqu'il est déjà dans le state. Tu peux le récupérer directement dans le selector. Ca éviterait la condition en plus activeDashboardId ? xxx : xxxx

Collaborator Author

maximeperraultdev Oct 1, 2024

yes, bien vu

claire2212 reviewed

View reviewed changes

...end/src/features/Dashboard/components/DashboardForm/VigilanceAreas/Panel/RegulatoryAreas.tsx

                 return (
                   <>
-                    {regulatoryAreaId && <StyledRegulatoryAreasPanel layerId={regulatoryAreaId} onClose={closeRegulatoryAreapanel} />}
+                    {openPanel?.subPanel && isSubPanelOpened && (

Collaborator

claire2212 Oct 1, 2024

le openPanel?.subPanel n'est pas redondant comment tu vérifies déjà openPanel?.subPanel?.id pour définir isSubPanelOpened ?

Collaborator Author

maximeperraultdev Oct 1, 2024

Je suis d'accord mais j'ai quand meme une erreur de typage...

claire2212 reviewed

View reviewed changes

...end/src/features/Dashboard/components/DashboardForm/VigilanceAreas/Panel/RegulatoryAreas.tsx

                     <PanelSubPart>
                       <PanelInlineItemLabel>Réglementations en lien</PanelInlineItemLabel>
                       {regulatoryAreas &&
-                        regulatoryAreas.length > 0 &&

Collaborator

claire2212 Oct 1, 2024 •

edited

Loading

pourquoi l'enlever? d'expérience j'ai déjà eu des soucis de vérif juste sur array qui ne passait pas alors que array.length > 0 passait

Collaborator Author

maximeperraultdev Oct 1, 2024

Je ne vois pas pourquoi ? ici on vérifie que le tableau n'est pas undefined s'il n'est pas undefined alors on boucle sur la map qui ne fera rien si le tableau est vide. la condition sur le composant parent est nécessaire pour ne pas afficher le header s'il n'y a pas d'éléments par contre.

claire2212 reviewed

View reviewed changes

...end/src/features/Dashboard/components/DashboardForm/VigilanceAreas/Panel/RegulatoryAreas.tsx

                             <ButtonsContainer>
                               <StyledButton
                                 accent={Accent.TERTIARY}
-                                color={regulatoryAreaId === regulatoryArea?.id ? THEME.color.charcoal : THEME.color.lightGray}
+                                color={
+                                  isSubPanelOpened && openPanel.subPanel?.id === regulatoryArea?.id

Collaborator

claire2212 Oct 1, 2024

même question pour isSubPanelOpened

claire2212 reviewed

View reviewed changes

...end/src/features/Dashboard/components/DashboardForm/VigilanceAreas/Panel/RegulatoryAreas.tsx

-                                  regulatoryAreaId === regulatoryArea?.id
-                                    ? 'Fermer la zone réglementaire'
-                                    : 'Afficher la réglementaire'
+                                  isSubPanelOpened && openPanel.subPanel?.id === regulatoryArea?.id

Collaborator

claire2212 Oct 1, 2024

idem

claire2212 reviewed

View reviewed changes

frontend/src/features/Dashboard/components/Layers/PreviewDashboardLayer.tsx

                         if (layer && layer?.geom && layer?.geom?.coordinates.length > 0) {
                           const feature = getRegulatoryFeature({ code: Layers.REGULATORY_ENV_PREVIEW.code, layer })
-                          feature.set('metadataIsShowed', true)

Collaborator

claire2212 Oct 1, 2024

pourquoi l'enlever? il permet de mettre un contour plus épais sur la zone qu'on est en train de consulter côté dashboard. C'est dans les maquettes

claire2212 approved these changes

View reviewed changes

maximeperraultdev force-pushed the maxime/feat/1715/dashboard_amps branch from fe8ec09 to d3b240e Compare

October 1, 2024 13:06

claire2212 and others added 6 commits

October 2, 2024 08:58


          [Dashboard] display regulatory areas in dashboard

f9d842e


          [Dashboard] add selected regulatoryAreas accordion and fix Panel


          feat: add amp block

2baeb3f


          ui: review margin and transition

c1a37bd


          feat: add amp to vigilance area

b72289a


          review: claire's review

maximeperraultdev force-pushed the maxime/feat/1715/dashboard_amps branch from d3b240e to 8054991 Compare

October 2, 2024 07:05

maximeperraultdev merged commit 3136f5c into main

21 checks passed

maximeperraultdev deleted the maxime/feat/1715/dashboard_amps branch

October 2, 2024 07:33

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet