hide patterns tab for now

+ add examples to welcome tab
This commit is contained in:
Felix Roos 2023-10-29 13:14:25 +01:00
parent b15f7bcf45
commit b245d44220
2 changed files with 18 additions and 4 deletions

View file

@ -1,7 +1,8 @@
import { cx } from '@strudel.cycles/react';
import React from 'react';
import * as tunes from '../tunes.mjs';
export function WelcomeTab() {
export function WelcomeTab({ context }) {
return (
<div className="prose dark:prose-invert max-w-[600px] pt-2 font-sans pb-8 px-4">
<h3>
@ -44,6 +45,19 @@ export function WelcomeTab() {
</a>{' '}
to ensure ongoing development 💖
</p>
<h2 className="text-xl mb-2">examples</h2>
{Object.entries(tunes).map(([key, tune]) => (
<a
key={key}
className="mr-4 hover:opacity-50 cursor-pointer inline-block"
onClick={() => {
console.log('clikkk', tune);
context.handleUpdate(tune);
}}
>
{key}
</a>
))}
</div>
);
}