Sending/Failed state for stories

ts/components/StoryViewer.stories.tsx

@@ -56,6 +56,7 @@ export default {
     },
     queueStoryDownload: { action: true },
     renderEmojiPicker: { action: true },
+    retrySend: { action: true },
     showToast: { action: true },
     skinTone: {
       defaultValue: 0,
@@ -191,6 +192,35 @@ export const YourStory = Template.bind({});
   YourStory.storyName = 'Your story';
 }
 
+export const YourStoryFailed = Template.bind({});
+{
+  const storyView = getFakeStoryView(
+    '/fixtures/nathan-anderson-316188-unsplash.jpg'
+  );
+
+  YourStoryFailed.args = {
+    distributionList: { id: '123', name: 'Close Friends' },
+    story: {
+      ...storyView,
+      sender: {
+        ...storyView.sender,
+        isMe: true,
+      },
+      sendState: [
+        {
+          recipient: getDefaultConversation(),
+          status: SendStatus.Viewed,
+        },
+        {
+          recipient: getDefaultConversation(),
+          status: SendStatus.Failed,
+        },
+      ],
+    },
+  };
+  YourStory.storyName = 'Your story';
+}
+
 export const ReadReceiptsOff = Template.bind({});
 {
   const storyView = getFakeStoryView(