fix(react): alignment and size of search/bulk action buttons

This commit is contained in:
Elian Doran
2025-08-27 17:53:27 +03:00
parent 2152ca7ba6
commit a2a6c67350
3 changed files with 48 additions and 33 deletions

View File

@@ -0,0 +1,30 @@
import type { ComponentChildren } from "preact";
import ActionButton from "./ActionButton";
import Dropdown from "./Dropdown";
interface HelpRemoveButtonsProps {
help?: ComponentChildren;
removeText?: string;
onRemove?: () => void;
}
export default function HelpRemoveButtons({ help, removeText, onRemove }: HelpRemoveButtonsProps) {
return (
<td className="button-column">
{help && <>
<Dropdown
className="help-dropdown"
buttonClassName="bx bx-help-circle icon-action"
hideToggleArrow
>{help}</Dropdown>
{" "}
</>}
<ActionButton
icon="bx bx-x"
className="search-option-del"
text={removeText ?? ""}
onClick={onRemove}
/>
</td>
);
}