Update icons to v3

ts/components/Button.tsx

@@ -34,9 +34,7 @@ export enum ButtonVariant {
 export enum ButtonIconType {
   audio = 'audio',
   muted = 'muted',
-  photo = 'photo',
   search = 'search',
-  text = 'text',
   unmuted = 'unmuted',
   video = 'video',
 }

ts/components/ContactPill.tsx

@@ -59,7 +59,7 @@ export function ContactPill({
         profileName={profileName}
         title={title}
         sharedGroupNames={sharedGroupNames}
-        size={AvatarSize.TWENTY_EIGHT}
+        size={AvatarSize.TWENTY}
         unblurredAvatarPath={unblurredAvatarPath}
       />
       <ContactName

ts/components/ReactionPickerPicker.tsx

@@ -77,11 +77,7 @@ export function ReactionPickerPickerMoreButton({
       tabIndex={0}
       title={i18n('icu:Reactions--more')}
       type="button"
-    >
-      <div className="module-ReactionPickerPicker__button--more__dot" />
-      <div className="module-ReactionPickerPicker__button--more__dot" />
-      <div className="module-ReactionPickerPicker__button--more__dot" />
-    </button>
+    />
   );
 }
 

ts/components/StoryViewer.tsx

@@ -872,27 +872,29 @@ export function StoryViewer({
                 >
                   {isSent || replyCount > 0 ? (
                     <span className="StoryViewer__reply__chevron">
-                      {isSent && !hasViewReceiptSetting && !replyCount && (
-                        <>{i18n('icu:StoryViewer__views-off')}</>
-                      )}
-                      {isSent && hasViewReceiptSetting && (
-                        <Intl
-                          i18n={i18n}
-                          id="icu:MyStories__views--strong"
-                          components={{
-                            views: viewCount,
-                            strong: renderStrong,
-                          }}
-                        />
-                      )}
-                      {(isSent || viewCount > 0) && replyCount > 0 && ' '}
-                      {replyCount > 0 && (
-                        <Intl
-                          i18n={i18n}
-                          id="icu:MyStories__replies"
-                          components={{ replyCount, strong: renderStrong }}
-                        />
-                      )}
+                      <span>
+                        {isSent && !hasViewReceiptSetting && !replyCount && (
+                          <>{i18n('icu:StoryViewer__views-off')}</>
+                        )}
+                        {isSent && hasViewReceiptSetting && (
+                          <Intl
+                            i18n={i18n}
+                            id="icu:MyStories__views--strong"
+                            components={{
+                              views: viewCount,
+                              strong: renderStrong,
+                            }}
+                          />
+                        )}
+                        {(isSent || viewCount > 0) && replyCount > 0 && ' '}
+                        {replyCount > 0 && (
+                          <Intl
+                            i18n={i18n}
+                            id="icu:MyStories__replies"
+                            components={{ replyCount, strong: renderStrong }}
+                          />
+                        )}
+                      </span>
                     </span>
                   ) : null}
                   {!isSent && !replyCount && (

ts/components/conversation/TimelineItem.stories.tsx

@@ -147,6 +147,15 @@ export function Notification(): JSX.Element {
         type: 'fromOther',
       },
     },
+    {
+      type: 'timerNotification',
+      data: {
+        phoneNumber: '(202) 555-0000',
+        disabled: true,
+        ...getDefaultConversation(),
+        type: 'fromOther',
+      },
+    },
     {
       type: 'universalTimerNotification',
       data: null,

ts/components/conversation/TimerNotification.tsx

@@ -42,7 +42,7 @@ export function TimerNotification(props: Props): JSX.Element {
   const { disabled, i18n, title, type } = props;
 
   let timespan: string;
-  if (props.disabled) {
+  if (disabled) {
     timespan = ''; // Set to the empty string to satisfy types
   } else {
     timespan = expirationTimer.format(i18n, props.expireTimer);
@@ -53,7 +53,7 @@ export function TimerNotification(props: Props): JSX.Element {
   let message: ReactNode;
   switch (type) {
     case 'fromOther':
-      message = props.disabled ? (
+      message = disabled ? (
         <Intl
           i18n={i18n}
           id="icu:disabledDisappearingMessages"