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

fix oven imports

Browse source
This commit is contained in:
Jade (Rose) Rowland 2024-01-21 11:24:58 -05:00
parent d03892bbcf
commit d31d154841
2 changed files with 45 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

2
website/src/components/Oven/Oven.jsx
View file

@ -1,5 +1,5 @@
import { useState, useEffect } from 'react'; import { useState, useEffect } from 'react';
import { loadFeaturedPatterns, loadPublicPatterns } from '@src/repl/util.mjs'; import { loadFeaturedPatterns, loadPublicPatterns } from '@src/user_pattern_utils.mjs';
import { MiniRepl } from '@src/docs/MiniRepl'; import { MiniRepl } from '@src/docs/MiniRepl';
import { PatternLabel } from '@src/repl/panel/PatternsTab'; import { PatternLabel } from '@src/repl/panel/PatternsTab';

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

@ -17,7 +17,7 @@ function classNames(...classes) {
return classes.filter(Boolean).join(' '); return classes.filter(Boolean).join(' ');
} }
function PatternLabel({ pattern } /* : { pattern: Tables<'code'> } */) { export function PatternLabel({ pattern } /* : { pattern: Tables<'code'> } */) {
const meta = useMemo(() => getMetadata(pattern.code), [pattern]); const meta = useMemo(() => getMetadata(pattern.code), [pattern]);
let title = meta.title; let title = meta.title;
if (title == null) { if (title == null) {
@ -106,50 +106,52 @@ export function PatternsTab({ context }) {
onChange={(value) => settingsMap.setKey('patternFilter', value)} onChange={(value) => settingsMap.setKey('patternFilter', value)}
items={patternFilterName} items={patternFilterName}
></ButtonGroup> ></ButtonGroup>
<div> {patternFilter === patternFilterName.user && (
<div className="pr-4 space-x-4 border-b border-foreground flex max-w-full overflow-x-auto"> <div>
<ActionButton <div className="pr-4 space-x-4 border-b border-foreground flex max-w-full overflow-x-auto">
label="new" <ActionButton
onClick={() => { label="new"
const { data } = userPattern.createAndAddToDB(); onClick={() => {
updateCodeWindow(data); const { data } = userPattern.createAndAddToDB();
}} updateCodeWindow(data);
/> }}
<ActionButton
label="duplicate"
onClick={() => {
const { data } = userPattern.duplicate(viewingPatternData);
updateCodeWindow(data);
}}
/>
<ActionButton
label="delete"
onClick={() => {
const { data } = userPattern.delete(viewingPatternID);
updateCodeWindow({ ...data, collection: userPattern.collection });
}}
/>
<label className="hover:opacity-50 cursor-pointer">
<input
style={{ display: 'none' }}
type="file"
multiple
accept="text/plain,application/json"
onChange={(e) => importPatterns(e.target.files)}
/> />
import <ActionButton
</label> label="duplicate"
<ActionButton label="export" onClick={exportPatterns} /> onClick={() => {
const { data } = userPattern.duplicate(viewingPatternData);
updateCodeWindow(data);
}}
/>
<ActionButton
label="delete"
onClick={() => {
const { data } = userPattern.delete(viewingPatternID);
updateCodeWindow({ ...data, collection: userPattern.collection });
}}
/>
<label className="hover:opacity-50 cursor-pointer">
<input
style={{ display: 'none' }}
type="file"
multiple
accept="text/plain,application/json"
onChange={(e) => importPatterns(e.target.files)}
/>
import
</label>
<ActionButton label="export" onClick={exportPatterns} />
<ActionButton <ActionButton
label="delete-all" label="delete-all"
onClick={() => { onClick={() => {
const { data } = userPattern.clearAll(); const { data } = userPattern.clearAll();
updateCodeWindow(data); updateCodeWindow(data);
}} }}
/> />
</div>
</div> </div>
</div> )}
<section className="flex overflow-y-scroll max-h-full flex-col"> <section className="flex overflow-y-scroll max-h-full flex-col">
{patternFilter === patternFilterName.user && ( {patternFilter === patternFilterName.user && (