mirror of
https://github.com/weaveworks/scope.git
synced 2026-03-04 02:30:45 +00:00
82e373777a
* Unified node shapes rendering templates. * Addressed @foot's comments (fix shadow thickness across all shapes). * Made getClipPathDefinition slightly more readable.
29 lines
765 B
JavaScript
29 lines
765 B
JavaScript
import React from 'react';
|
|
|
|
import { NODE_BASE_SIZE } from '../constants/styles';
|
|
|
|
|
|
export default function NodeShapeStack(props) {
|
|
const shift = props.contrastMode ? 0.15 : 0.1;
|
|
const highlightScale = [1, 1 + shift];
|
|
const dy = NODE_BASE_SIZE * shift;
|
|
|
|
const Shape = props.shape;
|
|
return (
|
|
<g transform={`translate(0, ${dy * -2.5})`} className="stack">
|
|
<g transform={`scale(${highlightScale}) translate(0, ${dy})`} className="highlight">
|
|
<Shape {...props} />
|
|
</g>
|
|
<g transform={`translate(0, ${dy * 2})`}>
|
|
<Shape {...props} />
|
|
</g>
|
|
<g transform={`translate(0, ${dy * 1})`}>
|
|
<Shape {...props} />
|
|
</g>
|
|
<g className="only-metrics">
|
|
<Shape {...props} />
|
|
</g>
|
|
</g>
|
|
);
|
|
}
|