From 5f695c697ea95f4924b0a3946217de23f4db6431 Mon Sep 17 00:00:00 2001
From: GuillaumeLoup <gloup@webnet.fr>
Date: Wed, 20 Mar 2024 16:01:23 +0100
Subject: [PATCH] hotfix add index at contenu-libre

---
 src/pages/contenu-libre/index.tsx | 46 +++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/pages/contenu-libre/index.tsx

diff --git a/src/pages/contenu-libre/index.tsx b/src/pages/contenu-libre/index.tsx
new file mode 100644
index 000000000..75a210202
--- /dev/null
+++ b/src/pages/contenu-libre/index.tsx
@@ -0,0 +1,46 @@
+import { useRouter } from 'next/router';
+import React from 'react';
+
+import { Base } from 'src/components/Base';
+import { StepsButton } from 'src/components/StepsButtons';
+import { ActivityContext } from 'src/contexts/activityContext';
+import { UserContext } from 'src/contexts/userContext';
+import { VillageContext } from 'src/contexts/villageContext';
+import { ActivityType } from 'types/activity.type';
+import { UserType } from 'types/user.type';
+
+const ContenuLibre = () => {
+  const router = useRouter();
+  const { createNewActivity } = React.useContext(ActivityContext);
+  const { user } = React.useContext(UserContext);
+  const { selectedPhase } = React.useContext(VillageContext);
+
+  const isModerator = user !== null && user.type <= UserType.MEDIATOR;
+
+  const onNext = () => {
+    const success = createNewActivity(ActivityType.CONTENU_LIBRE, selectedPhase);
+    if (success) {
+      router.push('/contenu-libre/1');
+    }
+  };
+
+  if (!isModerator) {
+    return <h1>Vous n&apos;avez pas accès à cette page, vous devez être modérateur.</h1>;
+  }
+
+  return (
+    <Base>
+      <div style={{ width: '100%', padding: '0.5rem 1rem 1rem 1rem' }}>
+        <div className="width-900">
+          <h1 style={{ marginTop: '0.5rem' }}>Publication de contenu libre</h1>
+          <p className="text">
+            Dans cette activité, nous vous proposons de créer une publication libre. Vous pourrez ensuite partager cette publication et décider de
+            l&apos;épingler dans le fil d&apos;actualité.
+          </p>
+          <StepsButton next={onNext} />
+        </div>
+      </div>
+    </Base>
+  );
+};
+export default ContenuLibre;