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

Simple styling for arrays

Browse Source
This commit is contained in:
Ozzie Gooen 2022-05-31 14:14:55 -07:00
parent ddc8763f77
commit c453794e96
1 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
packages/components/src/components/SquiggleChart.tsx
View File

@ -143,12 +143,8 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
case "symbol": case "symbol":
return ( return (
<VariableBox heading="Symbol" showTypes={showTypes}> <VariableBox heading="Symbol" showTypes={showTypes}>
<span className="text-slate-500 mr-2"> <span className="text-slate-500 mr-2">Undefined Symbol:</span>
Undefined Symbol: <span className="text-slate-600">{expression.value}</span>
</span>
<span className="text-slate-600">
{expression.value}
</span>
</VariableBox> </VariableBox>
); );
case "call": case "call":
@ -161,17 +157,24 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
return ( return (
<VariableBox heading="Array" showTypes={showTypes}> <VariableBox heading="Array" showTypes={showTypes}>
{expression.value.map((r, i) => ( {expression.value.map((r, i) => (
<SquiggleItem <div key={i} className="flex flex-row pt-1">
key={i} <div className="flex-none bg-slate-100 rounded-sm pl-1" style={{"paddingRight": "0.25rem"}}>
expression={r} <h3 className="text-slate-400 font-mono">{i}</h3>
width={width !== undefined ? width - 20 : width} </div>
height={50} <div className="pl-2 pr-2 mb-2 grow ">
showTypes={showTypes} <SquiggleItem
showControls={showControls} key={i}
chartSettings={chartSettings} expression={r}
environment={environment} width={width !== undefined ? width - 20 : width}
showSummary={showSummary} height={50}
/> showTypes={showTypes}
showControls={showControls}
chartSettings={chartSettings}
environment={environment}
showSummary={showSummary}
/>
</div>
</div>
))} ))}
</VariableBox> </VariableBox>
); );