trade/trade-frontend
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(chart): candle build indicator as direction line #1

Open
u1 wants to merge 31 commits from feat/candle-build-indicator into main
pull from: feat/candle-build-indicator
merge into: trade:main
Conversation 0 Commits 31 Files Changed 23 +8 -17
1 changed files with 8 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 912a78588d - Show all commits

25
apps/visualizer/src/features/chart/ChartLayersPanel.tsx
View File

@@ -142,38 +142,30 @@ export default function ChartLayersPanel({
<div className="chartLayersCell chartLayersCell--actions">Actions</div> <div className="chartLayersCell chartLayersCell--actions">Actions</div>
</div> </div>
{drawingsLayer ? ( {layers.map((layer) => (
<div className="chartLayersRow chartLayersRow--layer"> <div key={layer.id} className="chartLayersRow chartLayersRow--layer">
<div className="chartLayersCell chartLayersCell--icon"> <div className="chartLayersCell chartLayersCell--icon">
<IconButton <IconButton title="Toggle visible" active={layer.visible} onClick={() => onToggleLayerVisible(layer.id)}>
title="Toggle visible"
active={drawingsLayer.visible}
onClick={() => onToggleLayerVisible(drawingsLayer.id)}
>
<IconEye /> <IconEye />
</IconButton> </IconButton>
</div> </div>
<div className="chartLayersCell chartLayersCell--icon"> <div className="chartLayersCell chartLayersCell--icon">
<IconButton <IconButton title="Toggle lock" active={layer.locked} onClick={() => onToggleLayerLocked(layer.id)}>
title="Toggle lock"
active={drawingsLayer.locked}
onClick={() => onToggleLayerLocked(drawingsLayer.id)}
>
<IconLock /> <IconLock />
</IconButton> </IconButton>
</div> </div>
<div className="chartLayersCell chartLayersCell--name"> <div className="chartLayersCell chartLayersCell--name">
<div className="layersName layersName--layer"> <div className="layersName layersName--layer">
{drawingsLayer.name} {layer.name}
<span className="layersName__meta">{fibPresent ? ' (1)' : ' (0)'}</span> {layer.id === 'drawings' ? <span className="layersName__meta">{fibPresent ? ' (1)' : ' (0)'}</span> : null}
</div> </div>
</div> </div>
<div className="chartLayersCell chartLayersCell--opacity"> <div className="chartLayersCell chartLayersCell--opacity">
<OpacitySlider value={drawingsLayer.opacity} onChange={(next) => onSetLayerOpacity(drawingsLayer.id, next)} /> <OpacitySlider value={layer.opacity} onChange={(next) => onSetLayerOpacity(layer.id, next)} />
</div> </div>
<div className="chartLayersCell chartLayersCell--actions" /> <div className="chartLayersCell chartLayersCell--actions" />
</div> </div>
) : null} ))}
{drawingsLayer && fibPresent ? ( {drawingsLayer && fibPresent ? (
<div <div
@@ -212,4 +204,3 @@ export default function ChartLayersPanel({
</> </>
); );
} }