From 3fcc77495429967dea621cad06d14e0ed1563765 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Wed, 15 May 2024 07:47:43 +0200
Subject: [PATCH] website: show html code example first

makes more sense as more people will use the HTML than the react code
---
 website/src/components/HomepageGenerator.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/website/src/components/HomepageGenerator.tsx b/website/src/components/HomepageGenerator.tsx
index daaed7b..a15b2e0 100644
--- a/website/src/components/HomepageGenerator.tsx
+++ b/website/src/components/HomepageGenerator.tsx
@@ -140,17 +140,16 @@ export default function HomepageGenerator() {
 
       {!!codeData && (
         <>
-          <div>
-            <h2 style={{ marginTop: "1.5em" }}>Code React correspondant</h2>
-            <Code language="jsx">{getReactMarkup(codeData)}</Code>
-          </div>
-
           <div>
             <h2 style={{ marginTop: "1.5em" }}>Code HTML correspondant</h2>
             <Code language="html" fixedHeight>
               {getHTMLMarkup(codeData)}
             </Code>
           </div>
+          <div>
+            <h2 style={{ marginTop: "1.5em" }}>Code React correspondant</h2>
+            <Code language="jsx">{getReactMarkup(codeData)}</Code>
+          </div>
         </>
       )}
     </div>