Updated ComposeForm, GroupPage to use groupId instead of entire group for prop

• Updated:
- ComposeForm, GroupPage to use groupId instead of entire group for prop

app/javascript/gabsocial/features/compose/components/compose_form.js

@@ -80,7 +80,7 @@ class ComposeForm extends ImmutablePureComponent {
     anyMedia: PropTypes.bool,
     shouldCondense: PropTypes.bool,
     autoFocus: PropTypes.bool,
-    group: ImmutablePropTypes.map,
+    groupId: PropTypes.string,
     isModalOpen: PropTypes.bool,
     scheduledAt: PropTypes.instanceOf(Date),
     setScheduledAt: PropTypes.func.isRequired,
@@ -142,14 +142,13 @@ class ComposeForm extends ImmutablePureComponent {
     // }
 
     // Submit disabled:
-    const { isSubmitting, isChangingUpload, isUploading, anyMedia, group } = this.props;
+    const { isSubmitting, isChangingUpload, isUploading, anyMedia, groupId } = this.props;
     const fulltext = [this.props.spoilerText, countableText(this.props.text)].join('');
 
     if (isSubmitting || isUploading || isChangingUpload || length(fulltext) > MAX_POST_CHARACTER_COUNT || (fulltext.length !== 0 && fulltext.trim().length === 0 && !anyMedia)) {
       return;
     }
 
-    const groupId = group ? group.get('id') : undefined
     this.props.onSubmit(groupId, this.props.replyToId, this.context.router);
   }
 

app/javascript/gabsocial/pages/group_page.js

@@ -49,6 +49,7 @@ class GroupPage extends ImmutablePureComponent {
 		} = this.props
 
 		const groupTitle = !!group ? group.get('title') : ''
+		const groupId = !!group ? group.get('id') : undefined
 
 		return (
 			<GroupLayout
@@ -62,7 +63,7 @@ class GroupPage extends ImmutablePureComponent {
 				{
 					!!relationships && relationships.get('member') &&
 					<Fragment>
-						<TimelineComposeBlock size={46} group={group} autoFocus />
+						<TimelineComposeBlock size={46} groupId={groupId} autoFocus />
 						<Divider />
 					</Fragment>
 				}