JosLe/reaktor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add clear/limpiar button to sandbox toolbar

Browse Source 
Stops audio and removes all modules and connections from the canvas.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jose Luis
2026-03-21 05:13:42 +01:00
parent 589fbcf533
commit 4517e49ea6
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.jsx
View File

@@ -243,6 +243,12 @@ export default function App({ onSwitchToGame }) {
emit(); emit();
}; };
const handleClearCanvas = () => {
if (state.isRunning) stopAudio();
deserialize({ modules: [], connections: [] });
emit();
};
return ( return (
<div className="app"> <div className="app">
{/* Toolbar */} {/* Toolbar */}
@@ -269,6 +275,9 @@ export default function App({ onSwitchToGame }) {
<button className="toolbar-btn" onClick={handleLoadDemo} style={{ color: 'var(--yellow)' }}> <button className="toolbar-btn" onClick={handleLoadDemo} style={{ color: 'var(--yellow)' }}>
🎮 Chiptune Demo 🎮 Chiptune Demo
</button> </button>
<button className="toolbar-btn" onClick={handleClearCanvas}>
🗑 Limpiar
</button>
<div className="toolbar-sep" /> <div className="toolbar-sep" />
<span className="toolbar-label" style={{ color: state.isRunning ? 'var(--green)' : 'var(--text2)' }}> <span className="toolbar-label" style={{ color: state.isRunning ? 'var(--green)' : 'var(--text2)' }}>
{state.isRunning ? '● LIVE' : '○ OFF'} {state.isRunning ? '● LIVE' : '○ OFF'}