From 9e9a48e3d492320123445c1b561a0814bc3b0b62 Mon Sep 17 00:00:00 2001
From: GauthierWebDev <gauthier@gauthierdaniels.fr>
Date: Mon, 21 Apr 2025 15:05:46 +0200
Subject: [PATCH] style: Update codeLanguage value to jsx in tabs.tsx files

---
 app/layouts/prism.css                           |  4 +++-
 app/pages/docs/react/jsx/tabs.tsx               |  4 ++--
 app/pages/docs/react/premier-composant/tabs.tsx | 10 ++++------
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/layouts/prism.css b/app/layouts/prism.css
index a3d5322..e6feb9e 100644
--- a/app/layouts/prism.css
+++ b/app/layouts/prism.css
@@ -52,7 +52,6 @@
 }
 
 .token.module,
-.token.attr-name,
 .token.keyword,
 .token.rule,
 .token.pseudo-class,
@@ -67,6 +66,9 @@
 }
 
 .token.generic,
+.token.attr-name,
+.token.boolean,
+.token.number,
 .token.class-name {
   color: #C18401;
 }
diff --git a/app/pages/docs/react/jsx/tabs.tsx b/app/pages/docs/react/jsx/tabs.tsx
index 58c20e7..55ca2db 100644
--- a/app/pages/docs/react/jsx/tabs.tsx
+++ b/app/pages/docs/react/jsx/tabs.tsx
@@ -8,12 +8,12 @@ const reactCreateElementSnippets = [
 	},
 	{
 		name: "React sans JSX",
-		codeLanguage: "js",
+		codeLanguage: "jsx",
 		code: `React.createElement("button", { className: "button" }, "Clique moi !");`,
 	},
 	{
 		name: "React avec JSX",
-		codeLanguage: "tsx",
+		codeLanguage: "jsx",
 		code: `<button className="button">Clique moi !</button>`,
 	},
 ];
diff --git a/app/pages/docs/react/premier-composant/tabs.tsx b/app/pages/docs/react/premier-composant/tabs.tsx
index 14029c5..1c54b71 100644
--- a/app/pages/docs/react/premier-composant/tabs.tsx
+++ b/app/pages/docs/react/premier-composant/tabs.tsx
@@ -18,9 +18,8 @@ const reactUseButtonComponentSnippets = [
 		name: "Utilisation du composant Button",
 		codeLanguage: "jsx",
 		withLineNumbers: true,
-		code: `import React from "react";
-
-import { Button } from "./Button";
+		code: `import { Button } from "./Button";
+import React from "react";
 
 export function App() {
   return (
@@ -66,9 +65,8 @@ const reactUseButtonComponentPropsSnippets = [
 		name: "Ajout de la prop `onClick`",
 		codeLanguage: "jsx",
 		withLineNumbers: true,
-		code: `import React from "react";
-
-import { Button } from "./Button";
+		code: `import { Button } from "./Button";
+import React from "react";
 
 export function App() {
   function handleClick() {