conversation_view: Move the last of the small functions to redux

ts/components/CompositionArea.stories.tsx

@@ -68,7 +68,7 @@ const useProps = (overrideProps: Partial<Props> = {}): Props => ({
   // MediaEditor
   imageToBlurHash: async () => 'LDA,FDBnm+I=p{tkIUI;~UkpELV]',
   // MediaQualitySelector
-  onSelectMediaQuality: action('onSelectMediaQuality'),
+  setMediaQualitySetting: action('setMediaQualitySetting'),
   shouldSendHighQualityAttachments: Boolean(
     overrideProps.shouldSendHighQualityAttachments
   ),
@@ -116,8 +116,12 @@ const useProps = (overrideProps: Partial<Props> = {}): Props => ({
     Boolean(overrideProps.announcementsOnly)
   ),
   areWeAdmin: boolean('areWeAdmin', Boolean(overrideProps.areWeAdmin)),
+  areWePendingApproval: boolean(
+    'areWePendingApproval',
+    Boolean(overrideProps.areWePendingApproval)
+  ),
   groupAdmins: [],
-  onCancelJoinRequest: action('onCancelJoinRequest'),
+  cancelJoinRequest: action('cancelJoinRequest'),
   showConversation: action('showConversation'),
   // SMS-only
   isSMSOnly: overrideProps.isSMSOnly || false,
@@ -193,6 +197,20 @@ export function Attachments(): JSX.Element {
   return <CompositionArea {...props} />;
 }
 
+export function PendingApproval(): JSX.Element {
+  return (
+    <CompositionArea
+      {...useProps({
+        areWePendingApproval: true,
+      })}
+    />
+  );
+}
+
+AnnouncementsOnlyGroup.story = {
+  name: 'Announcements Only group',
+};
+
 export function AnnouncementsOnlyGroup(): JSX.Element {
   return (
     <CompositionArea