Support delete for call links

Co-authored-by: Fedor Indutny <79877362+indutny-signal@users.noreply.github.com>

ts/components/conversation/CallingNotification.stories.tsx

@@ -6,7 +6,13 @@ import { action } from '@storybook/addon-actions';
 import type { Meta } from '@storybook/react';
 import { setupI18n } from '../../util/setupI18n';
 import enMessages from '../../../_locales/en/messages.json';
-import { CallMode } from '../../types/Calling';
+import {
+  CallMode,
+  CallType,
+  CallDirection,
+  GroupCallStatus,
+  DirectCallStatus,
+} from '../../types/CallDisposition';
 import { generateAci } from '../../types/ServiceId';
 import { CallingNotification, type PropsType } from './CallingNotification';
 import {
@@ -14,12 +20,6 @@ import {
   getDefaultGroup,
 } from '../../test-both/helpers/getDefaultConversation';
 import type { CallStatus } from '../../types/CallDisposition';
-import {
-  CallType,
-  CallDirection,
-  GroupCallStatus,
-  DirectCallStatus,
-} from '../../types/CallDisposition';
 import type { ConversationType } from '../../state/ducks/conversations';
 
 const i18n = setupI18n('en', enMessages);

ts/components/conversation/CallingNotification.tsx

@@ -10,7 +10,13 @@ import { SystemMessage, SystemMessageKind } from './SystemMessage';
 import { Button, ButtonSize, ButtonVariant } from '../Button';
 import { MessageTimestamp } from './MessageTimestamp';
 import type { LocalizerType } from '../../types/Util';
-import { CallMode } from '../../types/Calling';
+import {
+  CallMode,
+  CallDirection,
+  CallType,
+  DirectCallStatus,
+  GroupCallStatus,
+} from '../../types/CallDisposition';
 import type { CallingNotificationType } from '../../util/callingNotification';
 import {
   getCallingIcon,
@@ -19,12 +25,6 @@ import {
 import { missingCaseError } from '../../util/missingCaseError';
 import { Tooltip, TooltipPlacement } from '../Tooltip';
 import * as log from '../../logging/log';
-import {
-  CallDirection,
-  CallType,
-  DirectCallStatus,
-  GroupCallStatus,
-} from '../../types/CallDisposition';
 import {
   type ContextMenuTriggerType,
   MessageContextMenu,

ts/components/conversation/TimelineItem.stories.tsx

@@ -11,7 +11,7 @@ import enMessages from '../../../_locales/en/messages.json';
 import type { PropsType as TimelineItemProps } from './TimelineItem';
 import { TimelineItem } from './TimelineItem';
 import { UniversalTimerNotification } from './UniversalTimerNotification';
-import { CallMode } from '../../types/Calling';
+import { CallMode } from '../../types/CallDisposition';
 import { AvatarColors } from '../../types/Colors';
 import { getDefaultConversation } from '../../test-both/helpers/getDefaultConversation';
 import { WidthBreakpoint } from '../_util';

ts/components/conversation/conversation-details/ConversationDetails.stories.tsx

@@ -19,12 +19,7 @@ import { makeFakeLookupConversationWithoutServiceId } from '../../../test-both/h
 import { ThemeType } from '../../../types/Util';
 import { DurationInSeconds } from '../../../util/durations';
 import { NavTab } from '../../../state/ducks/nav';
-import { CallMode } from '../../../types/Calling';
-import {
-  CallDirection,
-  CallType,
-  DirectCallStatus,
-} from '../../../types/CallDisposition';
+import { getFakeCallHistoryGroup } from '../../../test-both/helpers/getFakeCallHistoryGroup';
 
 const i18n = setupI18n('en', enMessages);
 
@@ -224,30 +219,15 @@ export const _11 = (): JSX.Element => (
   <ConversationDetails {...createProps()} isGroup={false} />
 );
 
-function mins(n: number) {
-  return DurationInSeconds.toMillis(DurationInSeconds.fromMinutes(n));
-}
-
 export function WithCallHistoryGroup(): JSX.Element {
   const props = createProps();
 
   return (
     <ConversationDetails
       {...props}
-      callHistoryGroup={{
-        peerId: props.conversation?.serviceId ?? '',
-        mode: CallMode.Direct,
-        type: CallType.Video,
-        direction: CallDirection.Incoming,
-        status: DirectCallStatus.Accepted,
-        timestamp: Date.now(),
-        children: [
-          { callId: '123', timestamp: Date.now() },
-          { callId: '122', timestamp: Date.now() - mins(30) },
-          { callId: '121', timestamp: Date.now() - mins(45) },
-          { callId: '121', timestamp: Date.now() - mins(60) },
-        ],
-      }}
+      callHistoryGroup={getFakeCallHistoryGroup({
+        peerId: props.conversation?.serviceId,
+      })}
       selectedNavTab={NavTab.Calls}
     />
   );