function TraceRoot()

in sapp/ui/frontend/src/Traces.js [44:74]


function TraceRoot(
  props: $ReadOnly<{|data: any, loading: boolean|}>,
): React$Node {
  if (props.loading) {
    return (
      <>
        <Card>
          <Skeleton active />
        </Card>
        <br />
      </>
    );
  }

  const issue = props.data.issues.edges[0].node;

  return (
    <>
      <Card>
        <Text>
          <VerticalAlignMiddleOutlined style={{marginRight: '.5em'}} />
          Source and sink traces meet at{' '}
          <HumanReadable input={issue.callable} code /> in {' '}
          <HumanReadable input={issue.filename} code />.
        </Text>
        <Source path={issue.filename} location={issue.location} />
      </Card>
      <br />
    </>
  );
}