From 5a8f58c10371c6f4dc3d663558902bdd77d532eb Mon Sep 17 00:00:00 2001
From: Plumtree3D <ham.in.kneesocks@gmail.com>
Date: Fri, 17 Feb 2023 12:14:38 +0100
Subject: [PATCH] refactor: added text right component, moved form

---
 src/components/CheatsheetForm/index.js | 14 --------------
 src/components/TextRight.js            | 18 ++++++++++++++++++
 src/pages/cheatsheet-docker.mdx        | 15 +++++++++++++--
 3 files changed, 31 insertions(+), 16 deletions(-)
 delete mode 100644 src/components/CheatsheetForm/index.js
 create mode 100644 src/components/TextRight.js

diff --git a/src/components/CheatsheetForm/index.js b/src/components/CheatsheetForm/index.js
deleted file mode 100644
index e42112b..0000000
--- a/src/components/CheatsheetForm/index.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-
-export default function Form() {
-  return (
-    <form className="text--center margin-vert--lg" method="post" action="https://systeme.io/embedded/7273139/subscription">
-      <input type="text" name="first_name" placeholder="Prénom" required="required" />  
-      <input type="email" name="email" placeholder="Email" required="required" />  
-      <br/>
-      <button type="submit" className="button button--primary margin-bottom--sm shadow--md">Je veux être au courant des mises à jours</button>
-      <br/>
-      <a href="#"> Je veux juste télécharger l’antisèche </a>
-    </form>  
-  )
-}
diff --git a/src/components/TextRight.js b/src/components/TextRight.js
new file mode 100644
index 0000000..692a89d
--- /dev/null
+++ b/src/components/TextRight.js
@@ -0,0 +1,18 @@
+/* eslint-disable react/prop-types */
+import React from "react";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+
+export default function TextRight({children, img, alt}) {
+  return (
+    <>
+      <div className="row">
+        <div className="col col--6">
+          <img src={useBaseUrl(img)} alt={alt} />
+        </div>
+        <div className="col col--6">
+          {children}
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/pages/cheatsheet-docker.mdx b/src/pages/cheatsheet-docker.mdx
index 7a75d0c..4ca0f6e 100644
--- a/src/pages/cheatsheet-docker.mdx
+++ b/src/pages/cheatsheet-docker.mdx
@@ -1,4 +1,6 @@
-import Form from '@site/src/components/CheatsheetForm';
+import TextRight from '@site/src/components/TextRight';
+
+<TextRight img="/img/" alt="Illustration de l'antisèche Docker">
 
 # Devenez deux fois plus productif grâce à GitLab !
 
@@ -27,7 +29,14 @@ En vous inscrivant, vous recevrez :
 - Des informations et astuces régulières qui vous feront **gagner en productivité** en utilisant GitLab.
 - Des **réductions** à nos formations.
 
-<Form/>
+<form className="text--center margin-vert--lg" method="post" action="https://systeme.io/embedded/7273139/subscription">
+  <input type="text" name="first_name" placeholder="Prénom" required="required" />  
+  <input type="email" name="email" placeholder="Email" required="required" />  
+  <br/>
+  <button type="submit" className="button button--primary margin-bottom--sm shadow--md">Je veux être au courant des mises à jours</button>
+  <br/>
+  <a href="#"> Je veux juste télécharger l’antisèche </a>
+</form>  
   
 Vos données personnelles ne seront utilisées que pour vous envoyer des messages d'information et commerciaux. 
 Votre vie privée est importante pour nous et votre adresse courriel est en sécurité, **nous ne vendrons jamais vos courriels** à des tiers.
@@ -37,3 +46,5 @@ Vous pourrez vous désinscrire à tout moment en cliquant sur le lien en bas de
 **Cette désinscription entraînera votre désinscription de la communauté Froggit.**
 
 Les données recueillies sur cette page sont stockées par notre [sous-traitant systeme.io](https://systeme.io/?sa=sa0002743266bfa20f069aff9d665aa29843fe7bd162&trial=30&tk=tunnelfroggit), dont la politique de confidentialité est [disponible ici](https://systeme.io/fr/info/privacy?sa=sa0002743266bfa20f069aff9d665aa29843fe7bd162&trial=30&tk=tunnelfroggit).
+
+</TextRight>
-- 
GitLab