add folder to dispatch routing element and created a Layout to handle…

… BackArrow

src/pages/admin/newportal/contenulibre/1.tsx → src/pages/admin/newportal/contenulibre/1/index.tsx

@@ -1,6 +1,7 @@
 import { useRouter } from 'next/router';
 import React, { useEffect } from 'react';
 
+import Layout from '../layout';
 import { isFreeContent } from 'src/activity-types/anyActivity';
 import { Base } from 'src/components/Base';
 import { StepsButton } from 'src/components/StepsButtons';
@@ -38,7 +39,7 @@ const ContenuLibreStep1: React.FC = () => {
   }
 
   return (
-    <div>
+    <Layout>
       <StepsNavigation currentStep={0} />
       <h1>Ecrivez le contenu de votre publication</h1>
       <p>
@@ -48,7 +49,7 @@ const ContenuLibreStep1: React.FC = () => {
       <ContentEditor content={activity.content} updateContent={updateContent} addContent={addContent} deleteContent={deleteContent} />
 
       <StepsButton next={onNext} />
-    </div>
+    </Layout>
   );
 };
 

src/pages/admin/newportal/contenulibre/2.tsx → src/pages/admin/newportal/contenulibre/2/index.tsx

@@ -4,6 +4,7 @@ import React from 'react';
 
 import { TextField, Switch, Button } from '@mui/material';
 
+import Layout from '../layout';
 import { isFreeContent } from 'src/activity-types/anyActivity';
 import { getImage } from 'src/activity-types/freeContent.constants';
 import type { FreeContentData } from 'src/activity-types/freeContent.types';
@@ -61,7 +62,7 @@ const ContenuLibre = () => {
   };
 
   return (
-    <div>
+    <Layout>
       <div style={{ width: '100%', padding: '0.5rem 1rem 1rem 1rem' }}>
         <StepsNavigation currentStep={1} />
         <div className="width-900">
@@ -221,7 +222,7 @@ const ContenuLibre = () => {
           setSelectedImageUrl(undefined);
         }}
       />
-    </div>
+    </Layout>
   );
 };
 

src/pages/admin/newportal/contenulibre/3.tsx → src/pages/admin/newportal/contenulibre/3/index.tsx

@@ -7,6 +7,7 @@ import Backdrop from '@mui/material/Backdrop';
 import Button from '@mui/material/Button';
 import CircularProgress from '@mui/material/CircularProgress';
 
+import Layout from '../layout';
 import { isFreeContent } from 'src/activity-types/anyActivity';
 import type { FreeContentData } from 'src/activity-types/freeContent.types';
 import { Base } from 'src/components/Base';
@@ -67,7 +68,7 @@ const ContenuLibre = () => {
   }
 
   return (
-    <div>
+    <Layout>
       <div style={{ width: '100%', padding: '0.5rem 1rem 1rem 1rem' }}>
         <StepsNavigation currentStep={2} />
         <div className="width-900">
@@ -127,7 +128,7 @@ const ContenuLibre = () => {
       <Backdrop style={{ zIndex: 2000, color: 'white' }} open={isLoading}>
         <CircularProgress color="inherit" />
       </Backdrop>
-    </div>
+    </Layout>
   );
 };
 

src/pages/admin/newportal/contenulibre/layout.tsx

@@ -0,0 +1,31 @@
+import Link from 'next/link';
+import type { ReactNode } from 'react';
+import React from 'react';
+
+import { UserContext } from 'src/contexts/userContext';
+import BackArrow from 'src/svg/back-arrow.svg';
+import { UserType } from 'types/user.type';
+
+type Props = {
+  children: ReactNode;
+};
+
+export default function Layout({ children }: Props) {
+  const { user } = React.useContext(UserContext);
+  const isModerator = user !== null && user.type <= UserType.MEDIATOR;
+
+  if (!isModerator) {
+    return <h1>Vous n&apos;avez pas accès à cette page, vous devez être modérateur.</h1>;
+  }
+  return (
+    <div>
+      <Link href="/admin/newportal/create">
+        <div style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }}>
+          <BackArrow />
+          <h1 style={{ marginLeft: '10px' }}>Créer du contenu libre</h1>
+        </div>
+      </Link>
+      {children}
+    </div>
+  );
+}

src/pages/admin/newportal/contenulibre/success.tsx → src/pages/admin/newportal/contenulibre/success/index.tsx

@@ -1,8 +1,5 @@
-import Link from 'next/link';
 import React from 'react';
 
-import { Button } from '@mui/material';
-
 import { bgPage } from 'src/styles/variables.const';
 import PelicoSouriant from 'src/svg/pelico/pelico-souriant.svg';
 
@@ -11,16 +8,11 @@ const FreeContentSuccess = () => {
     <div>
       <div style={{ width: '100%', padding: '1rem 1rem 1rem 1rem' }}>
         <div style={{ width: '100%', maxWidth: '20rem', margin: '4rem auto', backgroundColor: bgPage, padding: '1rem', borderRadius: '10px' }}>
-          <p className="text">Votre publication a bien été créée !</p>
+          <p className="text" style={{ textAlign: 'center' }}>
+            La publication a été crée ! Rendez-vous dans l’espace de publication pour la rendre visible aux classes
+          </p>
           <PelicoSouriant style={{ width: '60%', height: 'auto', margin: '0 20%' }} />
         </div>
-        <div className="text-center">
-          <Link href="/" passHref>
-            <Button component="a" href="/" variant="outlined" color="primary">
-              Retour à l’accueil
-            </Button>
-          </Link>
-        </div>
       </div>
     </div>
   );