José Almeida
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import type { CommandItem } from "@/lib/commands/types";
|
|
|
|
type CommandGroup = [string, CommandItem[]];
|
|
|
|
export function getCommandConfirmationState(commands: CommandItem[], grouped: CommandGroup[]) {
|
|
const confirmationCommand = commands.find((command) => command.confirmation);
|
|
const visibleCommands = confirmationCommand
|
|
? commands.filter((command) => !command.confirmation)
|
|
: commands;
|
|
const visibleIds = new Set(visibleCommands.map((command) => command.id));
|
|
const visibleGroups = confirmationCommand
|
|
? grouped.map(
|
|
([group, items]) =>
|
|
[group, items.filter((command) => visibleIds.has(command.id))] as CommandGroup,
|
|
)
|
|
: grouped;
|
|
return { confirmationCommand, visibleCommands, visibleGroups };
|
|
}
|
|
|
|
export function dismissCommandConfirmation(commands: CommandItem[]) {
|
|
commands.find((command) => command.confirmation)?.onConfirmationDismiss?.();
|
|
}
|
|
|
|
export function CommandPanelConfirmation({ command }: { command: CommandItem }) {
|
|
return (
|
|
<div
|
|
role="alertdialog"
|
|
aria-label={command.label}
|
|
data-testid="command-panel-confirmation"
|
|
className="border-b border-border p-3"
|
|
>
|
|
{command.confirmation}
|
|
</div>
|
|
);
|
|
}
|