github.com/argoproj/argo-cd/v2@v2.10.9/ui/src/app/applications/components/application-resource-tree/arrow-connector.tsx (about)

     1  import * as React from 'react';
     2  
     3  export interface ArrowConnectorProps {
     4      color: string;
     5      left: number;
     6      top: number;
     7      angle: number;
     8  }
     9  
    10  export const ArrowConnector = (props: ArrowConnectorProps) => {
    11      const {color, left, top, angle} = props;
    12      return (
    13          <svg
    14              xmlns='http://www.w3.org/2000/svg'
    15              version='1.1'
    16              fill={color}
    17              width='11'
    18              height='11'
    19              viewBox='0 0 11 11'
    20              style={{left, top, transform: `translate(-10px, -10px) rotate(${angle}deg)`}}>
    21              <polygon points='11,5.5 0,11 0,0' />
    22          </svg>
    23      );
    24  };