Add ability for poll author to terminate a poll

Co-authored-by: yash-signal <[email protected]>

Author: automated-signal

_locales/en/messages.json

@@ -1462,6 +1462,10 @@
     "messageformat": "Info",
     "description": "Shown on the drop-down menu for an individual message, takes you to message detail screen"
   },
+  "icu:Poll__end-poll": {
+    "messageformat": "End poll",
+    "description": "Label for button/menu item to end a poll. Shown in the poll votes modal and in the message context menu"
+  },
   "icu:PollMessage--SelectOne": {
     "messageformat": "Poll · Select one",
     "description": "Status text for single-choice poll where user can select one option"
@@ -1482,6 +1486,18 @@
     "messageformat": "You voted",
     "description": "Accessibility label for checkmark indicating user voted for this poll option"
   },
+  "icu:PollTerminate--you": {
+    "messageformat": "You ended the poll: \"{poll}\"",
+    "description": "Chat event shown when you end a poll"
+  },
+  "icu:PollTerminate--other": {
+    "messageformat": "{name} ended the poll: \"{poll}\"",
+    "description": "Chat event shown when someone else ends a poll"
+  },
+  "icu:PollTerminate__view-poll": {
+    "messageformat": "View poll",
+    "description": "Button in poll terminate chat event to scroll to and select the original poll message"
+  },
   "icu:PollVotesModal__title": {
     "messageformat": "Poll details",
     "description": "Modal title for viewing poll votes and who voted on which option"
@@ -1498,6 +1514,10 @@
     "messageformat": "No votes",
     "description": "Message shown when poll has no votes"
   },
+  "icu:Toast--PollNotFound": {
+    "messageformat": "Poll not found",
+    "description": "Toast shown when user tries to view a poll that no longer exists"
+  },
   "icu:PollCreateModal__title": {
     "messageformat": "New poll",
     "description": "Title for the modal to create a new poll"

images/icons/v3/stop/stop-circle.svg

@@ -6785,6 +6785,13 @@ button.module-calling-participants-list__contact {
     }
   }
 
+  &__end-poll::before {
+    @include mixins.color-svg(
+      '../images/icons/v3/stop/stop-circle.svg',
+      light-dark(variables.$color-black, variables.$color-gray-15)
+    );
+  }
+
   &__more-info::before {
     @include mixins.light-theme {
       @include mixins.color-svg(

stylesheets/_modules.scss

@@ -53,7 +53,7 @@
       }
     }
 
-    &::before {
+    &--has-icon::before {
       content: '';
       display: inline-block;
       height: 16px;

stylesheets/components/SystemMessage.scss

@@ -52,6 +52,7 @@ const MESSAGE_DEFAULT_PROPS = {
   previews: [],
   retryMessageSend: shouldNeverBeCalled,
   sendPollVote: shouldNeverBeCalled,
+  endPoll: shouldNeverBeCalled,
   pushPanelForConversation: shouldNeverBeCalled,
   renderAudioAttachment: () => <div />,
   renderingContext: 'EditHistoryMessagesModal',

ts/components/EditHistoryMessagesModal.dom.tsx

@@ -66,6 +66,7 @@ const MESSAGE_DEFAULT_PROPS = {
   previews: [],
   retryMessageSend: shouldNeverBeCalled,
   sendPollVote: shouldNeverBeCalled,
+  endPoll: shouldNeverBeCalled,
   pushPanelForConversation: shouldNeverBeCalled,
   renderAudioAttachment: () => <div />,
   saveAttachment: shouldNeverBeCalled,

ts/components/StoryViewsNRepliesModal.dom.tsx

@@ -189,6 +189,8 @@ function getToast(toastType: ToastType): AnyToast {
       return { toastType: ToastType.OriginalMessageNotFound };
     case ToastType.PinnedConversationsFull:
       return { toastType: ToastType.PinnedConversationsFull };
+    case ToastType.PollNotFound:
+      return { toastType: ToastType.PollNotFound };
     case ToastType.ReactionFailed:
       return { toastType: ToastType.ReactionFailed };
     case ToastType.ReceiptSaved:

ts/components/ToastManager.dom.stories.tsx

@@ -652,6 +652,10 @@ export function renderToast({
     );
   }
 
+  if (toastType === ToastType.PollNotFound) {
+    return <Toast onClose={hideToast}>{i18n('icu:Toast--PollNotFound')}</Toast>;
+  }
+
   if (toastType === ToastType._InternalMainProcessLoggingError) {
     return (
       <Toast

ts/components/ToastManager.dom.tsx

@@ -138,6 +138,7 @@ export const CallingNotification: React.FC<PropsType> = React.memo(
           onEdit={undefined}
           onReplyToMessage={undefined}
           onReact={undefined}
+          onEndPoll={undefined}
           onRetryMessageSend={undefined}
           onRetryDeleteForEveryone={undefined}
           onCopy={undefined}

ts/components/conversation/CallingNotification.dom.tsx

@@ -249,6 +249,7 @@ export type PropsData = {
   isSelectMode: boolean;
   isSMS: boolean;
   isSpoilerExpanded?: Record<number, boolean>;
+  canEndPoll?: boolean;
   direction: DirectionType;
   timestamp: number;
   receivedAtMS?: number;
@@ -363,6 +364,7 @@ export type PropsActions = {
     messageId: string;
     optionIndexes: ReadonlyArray<number>;
   }) => void;
+  endPoll: (messageId: string) => void;
   showContactModal: (contactId: string, conversationId?: string) => void;
   showSpoiler: (messageId: string, data: Record<number, boolean>) => void;
 
@@ -2023,7 +2025,7 @@ export class Message extends React.PureComponent<Props, State> {
   }
 
   public renderPoll(): JSX.Element | null {
-    const { poll, direction, i18n, id } = this.props;
+    const { poll, direction, i18n, id, endPoll, canEndPoll } = this.props;
     if (!poll || !isPollReceiveEnabled()) {
       return null;
     }
@@ -2034,6 +2036,8 @@ export class Message extends React.PureComponent<Props, State> {
         i18n={i18n}
         messageId={id}
         sendPollVote={this.props.sendPollVote}
+        endPoll={endPoll}
+        canEndPoll={canEndPoll}
       />
     );
   }