hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: slight layout improvement

Browse source
This commit is contained in:
Felix Roos 2023-11-17 20:55:04 +01:00
parent 34c1f3c7de
commit e5f9467329
1 changed files with 59 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

9
website/src/repl/panel/PatternsTab.jsx
View file

@ -17,7 +17,8 @@ function classNames(...classes) {
export function PatternsTab({ context }) { export function PatternsTab({ context }) {
const { userPatterns, activePattern } = useSettings(); const { userPatterns, activePattern } = useSettings();
return ( return (
<div className="px-4 w-full text-foreground"> <div className="px-4 w-full text-foreground space-y-4">
<section>
<h2 className="text-xl mb-2">My Patterns</h2> <h2 className="text-xl mb-2">My Patterns</h2>
<div className="space-x-1"> <div className="space-x-1">
<button <button
@ -25,7 +26,6 @@ export function PatternsTab({ context }) {
onClick={() => { onClick={() => {
const name = newUserPattern(); const name = newUserPattern();
const { code } = getUserPattern(name); const { code } = getUserPattern(name);
console.log('code', code);
context.handleUpdate(code); context.handleUpdate(code);
}} }}
> >
@ -50,13 +50,15 @@ export function PatternsTab({ context }) {
)} )}
onClick={() => { onClick={() => {
const { code } = up; const { code } = up;
context.handleUpdate(code);
setActivePattern(key); setActivePattern(key);
context.handleUpdate(code);
}} }}
> >
{key} {key}
</a> </a>
))} ))}
</section>
<section>
<h2 className="text-xl mb-2">Examples</h2> <h2 className="text-xl mb-2">Examples</h2>
{Object.entries(tunes).map(([key, tune]) => ( {Object.entries(tunes).map(([key, tune]) => (
<a <a
@ -73,6 +75,7 @@ export function PatternsTab({ context }) {
{key} {key}
</a> </a>
))} ))}
</section>
</div> </div>
); );
} }