HLTech / judge-d-ui

import { NodeSelection } from '../../components/types';

import { ElementColors, ElementIds, TextColors } from '../../utils/AppConsts';

export function createDetailsButton(svgContainer: NodeSelection<SVGGElement>) {

    const detailsButtonWrapper = svgContainer

        .append('g')

        .attr('id', ElementIds.DETAILS_BUTTON)

        .attr('cursor', 'pointer');

    detailsButtonWrapper

        .append('rect')

        .style('opacity', 0)

        .attr('fill', ElementColors.BUTTON);

    detailsButtonWrapper

        .append('text')

        .style('opacity', 0)

        .style('text-anchor', 'middle')

        .attr('fill', TextColors.HIGHLIGHTED)

        .text('Details');

    return detailsButtonWrapper;

}