Allow Events to be Duplicated

[nhatnghiho]

Description

We want to allow users to duplicate Custom Blocks.

Acceptance Criteria

UI Requirements

• A new duplicate button is added to Event, which should display a popup saying "Duplicate event" when hovered over.

Functional Requirements

• Event is duplicated correctly with a new ID.

[nathangong]

@nhatnghiho I don't think the Action interface (which is used for event icons) currently supports tooltips. Should I change the interface to include it? This would also mean adding a tooltip to all the other icons.

export type Action = {
  icon: FontAwesomeProps['icon'];
  styling?: React.CSSProperties;
  id?: string;
  onMouseEnter?: () => void;
  onMouseLeave?: () => void;
} & Omit<ButtonProps, 'children'>;

[nhatnghiho]

@nhatnghiho I don't think the Action interface (which is used for event icons) currently supports tooltips. Should I change the interface to include it? This would also mean adding a tooltip to all the other icons.

export type Action = {
  icon: FontAwesomeProps['icon'];
  styling?: React.CSSProperties;
  id?: string;
  onMouseEnter?: () => void;
  onMouseLeave?: () => void;
} & Omit<ButtonProps, 'children'>;

Isn't it already been added? We have the tooltips for "Edit Color" and "Remove Event". Might need to merge from main

[nathangong]

Ah I see, which branch should I PR to?

[nathangong]

@nhatnghiho ^

[nhatnghiho]

bog-changes-s23