refactor(PresetItem.jsx): swap order of the edit and delete preset buttons

This commit is contained in:
Daniel Avila 2023-04-06 17:07:44 -04:00
parent 5dad9da918
commit 7d45d229af

View file

@ -56,16 +56,7 @@ export default function PresetItem({ preset = {}, value, onSelect, onChangePrese
/> */}
<div className="flex w-4 flex-1" />
<button
className="invisible m-0 mr-1 rounded-md text-gray-400 hover:text-gray-700 group-hover:visible dark:text-gray-400 dark:hover:text-gray-200 "
onClick={e => {
e.preventDefault();
onDeletePreset(preset);
}}
>
<TrashIcon />
</button>
<button
className="invisible m-0 p-2 rounded-md text-gray-400 hover:text-gray-700 group-hover:visible dark:text-gray-400 dark:hover:text-gray-200 "
className="invisible m-0 p-2 mr-1 rounded-md text-gray-400 hover:text-gray-700 group-hover:visible dark:text-gray-400 dark:hover:text-gray-200 "
onClick={e => {
e.preventDefault();
onChangePreset(preset);
@ -73,6 +64,15 @@ export default function PresetItem({ preset = {}, value, onSelect, onChangePrese
>
<EditIcon />
</button>
<button
className="invisible m-0 rounded-md text-gray-400 hover:text-gray-700 group-hover:visible dark:text-gray-400 dark:hover:text-gray-200 "
onClick={e => {
e.preventDefault();
onDeletePreset(preset);
}}
>
<TrashIcon />
</button>
</DropdownMenuRadioItem>
);
}