Function AnalyticsGroup

apps/web/ui/NavBar/Desktop/AnalyticsGroup/index.tsx:16–41

({
  currentUser,
  currentUrl,
  permissions,
  paths,
  Link,
}: Props)

}

export default function AnalyticsGroup({
  currentUser,
  currentUrl,
  permissions,
  paths,
  Link,
}: Props) {
  const [show, toggle] = useState(false);
  if (!currentUser || !permissions.manage) {
    return null;
  }
  return (
    <>
      <Nav.Group onClick={() => toggle((show) => !show)}>
        Analytics {show ? <FiChevronUp /> : <FiChevronDown />}
      </Nav.Group>
      {show && (
        <Link href="/metrics">
          <Nav.Item active={paths.metrics === currentUrl}>
            <FiBarChart /> Metrics
          </Nav.Item>
        </Link>
      )}
    </>
  );
}