app/components/admin/row-menu.tsx

Functions

Imports

It imports app/components/admin/disclosure.tsx. Imported by app/components/admin/posts-table.tsx.

Source

1import { DisclosureMenu } from "./disclosure";
2
3// The accessible name names the row: fifteen controls all announcing "Actions" tell a screen reader nothing.
4export function RowMenu({
5  label,
6  children,
7}: {
8  label: string;
9  children: React.ReactNode;
10}) {
11  return (
12    <DisclosureMenu
13      summaryLabel={label}
14      iconOnly
15      summary={
16        /* Drawn rather than U+22EE, which renders at the mercy of whatever font has it. */
17        <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false">
18          <circle cx="8" cy="3" r="1.4" fill="currentColor" />
19          <circle cx="8" cy="8" r="1.4" fill="currentColor" />
20          <circle cx="8" cy="13" r="1.4" fill="currentColor" />
21        </svg>
22      }
23    >
24      {children}
25    </DisclosureMenu>
26  );
27}