This commit is contained in:
+21
-23
@@ -147,9 +147,7 @@ export default function Menu(props) {
|
|||||||
|
|
||||||
<div className="my-1 flex flex-col space-y-3 bg-gray-100 p-2 rounded border border-gray-300">
|
<div className="my-1 flex flex-col space-y-3 bg-gray-100 p-2 rounded border border-gray-300">
|
||||||
<div className="flex flex-col space-y-1">
|
<div className="flex flex-col space-y-1">
|
||||||
<label htmlFor="midi-out-select" className="text-xs font-bold text-gray-500 uppercase">
|
<label htmlFor="midi-out-select" className="text-xs font-bold text-gray-500 uppercase"> MIDI Out :</label>
|
||||||
MIDI Out (Vers Synthé) :
|
|
||||||
</label>
|
|
||||||
<select
|
<select
|
||||||
id="midi-out-select"
|
id="midi-out-select"
|
||||||
value={activeOutId}
|
value={activeOutId}
|
||||||
@@ -167,9 +165,7 @@ export default function Menu(props) {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex flex-col space-y-1">
|
<div className="flex flex-col space-y-1">
|
||||||
<label htmlFor="midi-in-select" className="text-xs font-bold text-gray-500 uppercase">
|
<label htmlFor="midi-in-select" className="text-xs font-bold text-gray-500 uppercase"> MIDI In :</label>
|
||||||
MIDI In (Depuis Synthé) :
|
|
||||||
</label>
|
|
||||||
<select
|
<select
|
||||||
id="midi-in-select"
|
id="midi-in-select"
|
||||||
value={activeInId}
|
value={activeInId}
|
||||||
@@ -288,43 +284,45 @@ export default function Menu(props) {
|
|||||||
|
|
||||||
{/* Choix Timbre 1, Timbre 2, Vocoder, Arp/FX */}
|
{/* Choix Timbre 1, Timbre 2, Vocoder, Arp/FX */}
|
||||||
|
|
||||||
<div className="my-2 flex flex-col items-center space-y-2">
|
|
||||||
|
<div className="my-1 w-full">
|
||||||
|
<div className="text-xs font-semibold text-gray-500 uppercase mb-1">
|
||||||
|
Timbres
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-4 gap-1">
|
||||||
<button
|
<button
|
||||||
disabled={state.patch.mode === 'Vocoder'}
|
disabled={state.patch.mode === 'Vocoder'}
|
||||||
className={activeTab === 'Timbre1' ? `btn btn-active` : `btn`}
|
className={activeTab === 'Timbre1' ? 'btn btn-active w-full' : 'btn w-full'}
|
||||||
onClick={() => {
|
onClick={() => dispatch(parameterUpdateTab('Timbre1'))}
|
||||||
dispatch(parameterUpdateTab('Timbre1'));
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
Timbre 1
|
Timbre 1
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
disabled={state.patch.mode !== 'Multiple'}
|
disabled={state.patch.mode !== 'Multiple'}
|
||||||
className={activeTab === 'Timbre2' ? `btn btn-active` : `btn`}
|
className={activeTab === 'Timbre2' ? 'btn btn-active w-full' : 'btn w-full'}
|
||||||
onClick={() => {
|
onClick={() => dispatch(parameterUpdateTab('Timbre2'))}
|
||||||
dispatch(parameterUpdateTab('Timbre2'));
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
Timbre 2
|
Timbre 2
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
disabled={state.patch.mode !== 'Vocoder'}
|
disabled={state.patch.mode !== 'Vocoder'}
|
||||||
className={activeTab === 'Vocoder' ? `btn btn-active` : `btn`}
|
className={activeTab === 'Vocoder' ? 'btn btn-active w-full' : 'btn w-full'}
|
||||||
onClick={() => {
|
onClick={() => dispatch(parameterUpdateTab('Vocoder'))}
|
||||||
dispatch(parameterUpdateTab('Vocoder'));
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
Vocoder
|
Vocoder
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
className={activeTab === 'Effects' ? `btn btn-active` : `btn`}
|
className={activeTab === 'Effects' ? 'btn btn-active w-full' : 'btn w-full'}
|
||||||
onClick={() => {
|
onClick={() => dispatch(parameterUpdateTab('Effects'))}
|
||||||
dispatch(parameterUpdateTab('Effects'));
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
Arp/FX
|
Arp/FX
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* LA PETITE CONSOLE DU MONITEUR MIDI HEXADÉCIMAL */}
|
{/* LA PETITE CONSOLE DU MONITEUR MIDI HEXADÉCIMAL */}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user