Use group name for hidden stories

ts/components/StoriesPane.tsx

@@ -177,17 +177,17 @@ export const StoriesPane = ({
           {renderedStories.map(story => (
             <StoryListItem
               conversationId={story.conversationId}
-              group={story.group}
               getPreferredBadge={getPreferredBadge}
               hasReplies={story.hasReplies}
               hasRepliesFromSelf={story.hasRepliesFromSelf}
+              group={story.group}
               i18n={i18n}
               key={story.storyView.timestamp}
-              onHideStory={toggleHideStories}
               onGoToConversation={conversationId => {
                 showConversation({ conversationId });
                 toggleStoriesView();
               }}
+              onHideStory={toggleHideStories}
               queueStoryDownload={queueStoryDownload}
               story={story.storyView}
               viewUserStories={viewUserStories}
@@ -210,15 +210,16 @@ export const StoriesPane = ({
                 hiddenStories.map(story => (
                   <StoryListItem
                     conversationId={story.conversationId}
-                    key={story.storyView.timestamp}
                     getPreferredBadge={getPreferredBadge}
+                    group={story.group}
                     i18n={i18n}
                     isHidden
-                    onHideStory={toggleHideStories}
+                    key={story.storyView.timestamp}
                     onGoToConversation={conversationId => {
                       showConversation({ conversationId });
                       toggleStoriesView();
                     }}
+                    onHideStory={toggleHideStories}
                     queueStoryDownload={queueStoryDownload}
                     story={story.storyView}
                     viewUserStories={viewUserStories}

ts/state/selectors/stories.ts

@@ -223,7 +223,6 @@ export function getConversationStory(
   story: StoryDataType
 ): ConversationStoryType {
   const sender = pick(conversationSelector(story.sourceUuid || story.source), [
-    'hideStory',
     'id',
   ]);
 
@@ -231,6 +230,7 @@ export function getConversationStory(
     'acceptedMessageRequest',
     'avatarPath',
     'color',
+    'hideStory',
     'id',
     'name',
     'profileName',
@@ -251,7 +251,7 @@ export function getConversationStory(
     group: conversation.id !== sender.id ? conversation : undefined,
     hasReplies: story.hasReplies,
     hasRepliesFromSelf: story.hasRepliesFromSelf,
-    isHidden: Boolean(sender.hideStory),
+    isHidden: Boolean(conversation.hideStory),
     storyView,
   };
 }