# All files / src/components/Sine BottomAxis.tsx

0% Statements 0/10
0% Branches 0/4
0% Functions 0/1
0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17

     import type { FC } from 'react';
    import type { TickRendererProps } from '@visx/axis';
    import { Group } from '@cutting/svg';
    import { SVGMathJax } from '@cutting/use-mathjax';

    export const BottomAxis: FC<TickRendererProps> = ({ formattedValue, x, y }) => {
      if (formattedValue === '$0$') {
        return <></>;
      }

      return (
        <Group transform={`translate(${x - 6}, ${y - 12})`}>
          <SVGMathJax expr={formattedValue || '$\\frac{\\pi}2$'} />
        </Group>
      );
    };