Move "source" section to the flatpage last item

GeotrekCE · Jun 5, 2024 · 577d2a4 · 577d2a4
1 parent 7e1e153
commit 577d2a4
Showing 1 changed file with 16 additions and 18 deletions.
diff --git a/frontend/src/components/pages/flatPage/FlatPage.tsx b/frontend/src/components/pages/flatPage/FlatPage.tsx
@@ -143,26 +143,9 @@ export const FlatPageUI: React.FC<FlatPageUIProps> = ({ flatPageUrl }) => {
                 {parsedFlatPage}
               </div>
             )}
-            {flatPage.sources.length > 0 && (
-              <>
-                <Separator />
-                <DetailsSection className="mb-10" titleId="details.source">
-                  <div>
-                    {flatPage.sources.map((source, i) => (
-                      <DetailsSource
-                        key={i}
-                        name={source.name}
-                        website={source.website}
-                        pictogramUri={source.pictogramUri}
-                      />
-                    ))}
-                  </div>
-                </DetailsSection>
-              </>
-            )}
             {flatPage.children && flatPage.children.length > 0 && (
               <>
-                {flatPage.sources.length === 0 && <Separator />}
+                <Separator />
                 <h2 className="my-6 desktop:my-10 text-Mobile-H1 desktop:text-H2 font-bold">
                   <FormattedMessage id="page.children.title" />
                 </h2>
@@ -189,6 +172,21 @@ export const FlatPageUI: React.FC<FlatPageUIProps> = ({ flatPageUrl }) => {
                 </ul>
               </>
             )}
+            {flatPage.sources.length > 0 && (
+              <>
+                <Separator />
+                <DetailsSection className="mb-10" titleId="details.source">
+                  {flatPage.sources.map((source, i) => (
+                    <DetailsSource
+                      key={i}
+                      name={source.name}
+                      website={source.website}
+                      pictogramUri={source.pictogramUri}
+                    />
+                  ))}
+                </DetailsSection>
+              </>
+            )}
           </div>
           <Footer />
         </div>