Discord Linked Members List Integration Block for React

It filters as you type: a member shows when their handle contains what you typed (case ignored), and every match is marked in the handle by Search Highlight Text with a light foreground tint, so any theme reads it. Typing returns to page 1; "Clear" empties the field and puts focus back in it. The polite line counts what matched ("Showing 1 to 3 of 3 matching members"), and a search that finds nothing says so in the list's space. Edit matching to search more than the handle.

Every row has the same fixed height (taller on a phone, where the state sits on its own line) and the list reserves the height of six rows, so a page of two members, or a search with one result, leaves the pager exactly where it was. The pager links are real addresses (?page=2) that the click turns into a state change in place.

One member, cobb.ember, has a link that failed. Its Retry turns to "Retrying" for about 900 milliseconds, with a timer that is cleared if the block unmounts, then the row reads Linked. It is a stand-in for your own request: nothing is sent, and the polite line says "Retry queued in this demo, nothing was sent." The button stays focusable while it works (it is aria-disabled, not removed).

By an icon and a word in an outline badge, never colour alone: Linked, Pending and Unlinked. The failed link adds a small red dot, the only colour on the page, because it is the one exception. Roles are quiet secondary badges: change roles on a member to list theirs.

On a phone each row stacks the handle, the roles and the state on three lines beside the initial, and the search sits under the header. Handles keep their left-to-right order in a right-to-left layout, while the rows and the pager flip. The header fades up once on load; with reduced motion it simply appears.