From a2ee5e4f4489c6b399bb5002a181425f4db1e978 Mon Sep 17 00:00:00 2001
From: Divlo <contact@divlo.fr>
Date: Thu, 7 May 2020 11:55:53 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=91=8C=20IMPROVE:=20Commentaires=20sur=20?=
 =?UTF-8?q?profil=20en=20Markdown?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 website/pages/users/[name].js   | 8 +++++---
 website/pages/users/register.js | 3 +++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/website/pages/users/[name].js b/website/pages/users/[name].js
index 32d0edf..26596c9 100644
--- a/website/pages/users/[name].js
+++ b/website/pages/users/[name].js
@@ -10,6 +10,8 @@ import Modal from '../../components/Modal';
 import redirect from '../../utils/redirect';
 import htmlParser from 'html-react-parser';
 import Loader from '../../components/Loader';
+import ReactMarkdown  from 'react-markdown';
+import CodeBlock from "../../components/CodeBlock";
 import api from '../../utils/api';
 import { API_URL } from '../../utils/config/config';
 import '../../public/css/pages/profile.css';
@@ -179,18 +181,18 @@ const Profile = (props) => {
                                 <div className="col-24 text-center">
                                     <h2>Derniers <span className="important">commentaires</span> :</h2>
                                 </div>
-                                <div className="col-24 text-center">
+                                <div className="col-24">
                                     {props.commentsArray.map((comment) => (
                                         <div key={comment.id} className="row Profile__row Profile__comment">
                                             <div className="col-20">
-                                                <p>
+                                                <p style={{ textAlign: 'center', marginTop: '30px' }}>
                                                     Posté sur la fonction&nbsp; 
                                                     <Link href={(comment.function.type === 'form' || comment.function.type === 'article') ? "/functions/[slug]" : `/functions/${comment.function.slug}`} as={`/functions/${comment.function.slug}`}>
                                                         <a>{comment.function.title}</a>
                                                     </Link> 
                                                     &nbsp;le {date.format(new Date(comment.createdAt), 'DD/MM/YYYY à HH:mm', true)}
                                                 </p>
-                                                <p>"{comment.message}"</p>
+                                                <ReactMarkdown source={comment.message} renderers={{ code: CodeBlock }} />
                                             </div>
                                         </div>
                                     ))}
diff --git a/website/pages/users/register.js b/website/pages/users/register.js
index 05d0020..24de914 100644
--- a/website/pages/users/register.js
+++ b/website/pages/users/register.js
@@ -43,6 +43,9 @@ const Register = () => {
                 <div className="row Register-Login__row justify-content-center">
                     <div className="col-20">
                         <h1 className="Register-Login__title">S'inscrire</h1>
+                        <div className="text-center">
+                            <p>En vous inscrivant, vous accéderez à de nombreuses fonctionnalités : publier des commentaires, ajouter des fonctions aux favoris, utiliser certaines fonctions disponibles qu'aux membres (exemple: La To Do list) etc.</p>
+                        </div>
                         <form onSubmit={handleSubmit}>
                             <div className="form-group">
                                 <label className="form-label" htmlFor="name">Nom :</label>