chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

fix error on grid experiment

Browse source
This commit is contained in:
Chris Kruining 2025-03-03 11:04:38 +01:00
parent c6c7240fee
commit 8aab001e90
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
1 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/routes/(editor)/experimental/grid.tsx
View file

@ -71,6 +71,10 @@ export default function GridExperiment() {
sort: { by: 'name', reversed: false }, sort: { by: 'name', reversed: false },
}); });
createEffect(() => {
console.log(rows);
});
return <div class={css.root}> return <div class={css.root}>
<Sidebar as="aside" label={'Grid options'} class={css.sidebar}> <Sidebar as="aside" label={'Grid options'} class={css.sidebar}>
<fieldset> <fieldset>
@ -107,13 +111,13 @@ type M = { kind: MutarionKind, key: string, original?: any, value?: any };
const Mutations: Component<{ mutations: Mutation[] }> = (props) => { const Mutations: Component<{ mutations: Mutation[] }> = (props) => {
const columns: Column<M>[] = [{ id: 'key', label: 'Key' }, { id: 'original', label: 'Old' }, { id: 'value', label: 'New' }]; const columns: Column<M>[] = [{ id: 'key', label: 'Key' }, { id: 'original', label: 'Old' }, { id: 'value', label: 'New' }];
const rows = createMemo(() => createDataSet<M>(props.mutations)); const rows = createDataSet<M>(() => props.mutations);
createEffect(() => { createEffect(() => {
rows().group({ by: 'kind' }); rows.group({ by: 'kind' });
}); });
return <Table rows={rows()} columns={columns}>{{ return <Table rows={rows} columns={columns}>{{
original: ({ value }) => value ? <del><pre>{JSON.stringify(value, null, 2)}</pre></del> : null, original: ({ value }) => value ? <del><pre>{JSON.stringify(value, null, 2)}</pre></del> : null,
value: ({ value }) => value ? <ins><pre>{JSON.stringify(value, null, 2)}</pre></ins> : null, value: ({ value }) => value ? <ins><pre>{JSON.stringify(value, null, 2)}</pre></ins> : null,
}}</Table> }}</Table>