MC-1656: adding edit & remove section item actions

[katerinachinnappan]

Goal

Wiring up actions for editing corpus metadata on a SectionItem & removing a SectionItem.

• Added new onRemove callback to CardActionButtonRow to differentiate between the onReject callback. Using the ClearIcon (X) for the remove button.
• Updated SectionDetails component tests.

Todos

• deploy to dev

Reference

Demo

Screen.Recording.2025-02-27.at.13.37.45.mov

Tickets:

• https://mozilla-hub.atlassian.net/browse/MC-1656

[jpetto]

one nit about a test name, but this looks really good!

suggestion to have a curator or two test on dev before merging, but i'll leave that up to you. (we don't have any data in prod yet so i don't think it's too risky to merge now.)

[jpetto]

not needed yet, but a potential thought for the future - would it make sense to abstract the actions a bit more, so this component doesn't need to know about all available actions across all card implementations?

a consideration for if/when we expand the available card actions...

[katerinachinnappan]

@jpetto yeah good thought! I was thinking about it, we could potentially introduce a new generic type:

interface CardAction {
  actionName: string;
  icon: React.ReactNode;
  onClick: VoidFunction;
}

and maybe update CardActionButtonRowProps:

interface CardActionButtonRowProps {
  cardActionButtonsRight?: CardAction[]; // action buttons aligned to bottom right
  cardActionButtonsLeft?: CardAction[];  // action buttons aligned to bottom left
}

I can make a chore ticket to do this!

[jpetto]

yeah, i think that's a good ticket to file. thanks!