Chats: report user from message, fixes #391

app/soapbox/actions/reports.js

@@ -25,6 +25,17 @@ export function initReport(account, status) {
   };
 };
 
+export function initReportById(accountId) {
+  return (dispatch, getState) => {
+    dispatch({
+      type: REPORT_INIT,
+      account: getState().getIn(['accounts', accountId]),
+    });
+
+    dispatch(openModal('REPORT'));
+  };
+};
+
 export function cancelReport() {
   return {
     type: REPORT_CANCEL,

app/soapbox/features/chats/components/chat_message_list.js

@@ -13,6 +13,7 @@ import { escape, throttle } from 'lodash';
 import { MediaGallery } from 'soapbox/features/ui/util/async-components';
 import Bundle from 'soapbox/features/ui/components/bundle';
 import DropdownMenuContainer from 'soapbox/containers/dropdown_menu_container';
+import { initReportById } from 'soapbox/actions/reports';
 
 const messages = defineMessages({
   today: { id: 'chats.dividers.today', defaultMessage: 'Today' },
@@ -224,7 +225,7 @@ class ChatMessageList extends ImmutablePureComponent {
 
   handleReportUser = (userId) => {
     return () => {
-      console.log(`should report user ${userId}`);
+      this.props.dispatch(initReportById(userId));
     };
   }