app/components/admin/tab-link.tsx

Functions

Imports

It imports no other module of this repo. Imported by app/components/admin/media-display-bar.tsx, app/components/admin/media-display-group.tsx, app/components/admin/media-facets.tsx, app/components/admin/posts-filters.tsx, app/routes/admin.kb.tsx, app/routes/admin.mentions.tsx.

Source

1import type { ReactNode } from "react";
2import { Link } from "react-router";
3
4/** Capsomer's tab-link markup on the router's Link, so a filter tab navigates without a page load. */
5export function TabLink({
6  to,
7  current,
8  count,
9  children,
10  ...rest
11}: {
12  to: string;
13  current?: boolean;
14  count?: number;
15  children: ReactNode;
16  "aria-label"?: string;
17  title?: string;
18}) {
19  return (
20    <Link to={to} className="cap-tab" aria-current={current ? "page" : undefined} {...rest}>
21      {children}
22      {count != null ? <span className="cap-tab-count">{count}</span> : null}
23    </Link>
24  );
25}