Actualiser src/features/menu/index.jsx

src/features/menu/index.jsx

@@ -266,28 +266,30 @@ export default function Menu(props) {
 
       {/* 2 boutons Editor / Memory */}
 
-      <div className="my-1 flex gap-1 w-full">
+      <div className="my-1 w-full">
-        <button
+        <div className="text-xs font-semibold text-gray-500 uppercase mb-1">Pages</div>
-          className={props.page === 'editor' ? 'btn btn-active w-1/2' : 'btn w-1/2'}
+        <div className="flex gap-1 w-full">
-          onClick={() => props.setPage('editor')}
+          <button
-        >
+            className={props.page === 'editor' ? 'btn btn-active w-1/2' : 'btn w-1/2'}
-          Editor
+            onClick={() => props.setPage('editor')}
-        </button>
+          >
+            Editor
+          </button>
 
-        <button
+          <button
-          className={props.page === 'memory' ? 'btn btn-active w-1/2' : 'btn w-1/2'}
+            className={props.page === 'memory' ? 'btn btn-active w-1/2' : 'btn w-1/2'}
-          onClick={() => props.setPage('memory')}
+            onClick={() => props.setPage('memory')}
-        >
+          >
-         Memory
+            Memory
-        </button>
+          </button>
+        </div>
       </div>
 
       {/* Choix Timbre 1, Timbre 2, Vocoder, Arp/FX */}
 
-
       <div className="my-1 w-full">
         <div className="text-xs font-semibold text-gray-500 uppercase mb-1">
-          Timbres
+          TIMBRES
         </div>
 
         <div className="grid grid-cols-4 gap-1">
@@ -296,7 +298,7 @@ export default function Menu(props) {
             className={activeTab === 'Timbre1' ? 'btn btn-active w-full' : 'btn w-full'}
             onClick={() => dispatch(parameterUpdateTab('Timbre1'))}
           >
-            Timbre 1
+            Timbre1
           </button>
 
           <button
@@ -304,7 +306,7 @@ export default function Menu(props) {
             className={activeTab === 'Timbre2' ? 'btn btn-active w-full' : 'btn w-full'}
             onClick={() => dispatch(parameterUpdateTab('Timbre2'))}
           >
-            Timbre 2
+            Timbre2
           </button>
 
           <button