quantified.uncertainty/squiggle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactors to address CR

Browse Source
This commit is contained in:
Ozzie Gooen 2022-06-17 15:47:37 -07:00
parent a563898a5f
commit 38a0e78873
2 changed files with 37 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/components/src/components/SquiggleItem.tsx
View File

@ -252,10 +252,10 @@ export const SquiggleItem: React.FC<SquiggleItemProps> = ({
} }
default: { default: {
return ( return (
<> <div>
<span>No display for type: </span>{" "} <span>No display for type: </span>{" "}
<span className="font-semibold text-slate-600">{expression.tag}</span> <span className="font-semibold text-slate-600">{expression.tag}</span>
</> </div>
); );
} }
} }

29
packages/components/src/components/SquigglePlayground.tsx
View File

@ -384,11 +384,21 @@ export const SquigglePlayground: FC<PlaygroundProps> = ({
</div> </div>
); );
const InFirstTab: React.FC<{ children: React.ReactNode }> = ({
children,
}) => (
<Tab.Panels>
<Tab.Panel>{children}</Tab.Panel>
<Tab.Panel>{samplingSettings}</Tab.Panel>
<Tab.Panel>{viewSettings}</Tab.Panel>
<Tab.Panel>{inputVariableSettings}</Tab.Panel>
</Tab.Panels>
);
let withEditor = ( let withEditor = (
<div className="flex mt-1" style={{ height }}> <div className="flex mt-1" style={{ height }}>
<div className="w-1/2"> <div className="w-1/2">
<Tab.Panels> <InFirstTab>
<Tab.Panel>
<div className="border border-slate-200"> <div className="border border-slate-200">
<CodeEditor <CodeEditor
value={squiggleString} value={squiggleString}
@ -398,11 +408,7 @@ export const SquigglePlayground: FC<PlaygroundProps> = ({
height={height - 1} height={height - 1}
/> />
</div> </div>
</Tab.Panel> </InFirstTab>
<Tab.Panel>{samplingSettings}</Tab.Panel>
<Tab.Panel>{viewSettings}</Tab.Panel>
<Tab.Panel>{inputVariableSettings}</Tab.Panel>
</Tab.Panels>
</div> </div>
<div className="w-1/2 p-2 pl-4"> <div className="w-1/2 p-2 pl-4">
@ -423,8 +429,7 @@ export const SquigglePlayground: FC<PlaygroundProps> = ({
let withoutEditor = ( let withoutEditor = (
<div className="mt-3"> <div className="mt-3">
<Tab.Panels> <InFirstTab>
<Tab.Panel>
<SquiggleChart <SquiggleChart
squiggleString={squiggleString} squiggleString={squiggleString}
environment={env} environment={env}
@ -436,11 +441,7 @@ export const SquigglePlayground: FC<PlaygroundProps> = ({
jsImports={imports} jsImports={imports}
showSummary={vars.showSummary} showSummary={vars.showSummary}
/> />
</Tab.Panel> </InFirstTab>
<Tab.Panel>{samplingSettings}</Tab.Panel>
<Tab.Panel>{viewSettings}</Tab.Panel>
<Tab.Panel>{inputVariableSettings}</Tab.Panel>
</Tab.Panels>
</div> </div>
); );