app/components/admin/bulk-tag-controls.tsx

Functions

Imports

It imports no other module of this repo. Imported by app/components/admin/media-bulk-bar.tsx, app/components/admin/posts-table.tsx.

Source

1/** The tag field and its Add and Remove submits, for a bulk bar inside the selection's form. */
2export function BulkTagControls({ listId, options }: { listId: string; options: string[] }) {
3  return (
4    <>
5      <span className="cap-bulk-field">
6        <label htmlFor={`${listId}-field`}>Tag</label>
7        <input
8          id={`${listId}-field`}
9          className="cap-input"
10          type="text"
11          name="tag"
12          list={listId}
13          autoComplete="off"
14          placeholder="tag name"
15        />
16      </span>
17      <datalist id={listId}>
18        {options.map((tag) => (
19          <option key={tag} value={tag} />
20        ))}
21      </datalist>
22      <button type="submit" name="intent" value="bulk-add-tag" className="cap-btn">
23        Add tag
24      </button>
25      <button type="submit" name="intent" value="bulk-remove-tag" className="cap-btn">
26        Remove tag
27      </button>
28    </>
29  );
30}