Updated Statuses to open in modal dialog when in Gab Deck

• Updated:
- Statuses to open in modal dialog when in Gab Deck instead of going out of Gab Deck to normal status page

app/javascript/gabsocial/components/modal/modal_root.js

@@ -36,6 +36,7 @@ import {
   MODAL_MUTE,
   MODAL_PRO_UPGRADE,
   MODAL_REPORT,
+  MODAL_STATUS,
   MODAL_STATUS_LIKES,
   MODAL_STATUS_REPOSTS,
   MODAL_STATUS_REVISIONS,
@@ -74,6 +75,7 @@ import {
   MuteModal,
   ProUpgradeModal,
   ReportModal,
+  StatusModal,
   StatusLikesModal,
   StatusRepostsModal,
   StatusRevisionsModal,
@@ -111,6 +113,7 @@ const MODAL_COMPONENTS = {
   [MODAL_MUTE]: MuteModal,
   [MODAL_PRO_UPGRADE]: ProUpgradeModal,
   [MODAL_REPORT]: ReportModal,
+  [MODAL_STATUS]: StatusModal,
   [MODAL_STATUS_LIKES]: StatusLikesModal,
   [MODAL_STATUS_REPOSTS]: StatusRepostsModal,
   [MODAL_STATUS_REVISIONS]: StatusRevisionsModal,

app/javascript/gabsocial/components/modal/status_modal.js

@@ -0,0 +1,28 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import Block from '../block'
+import Status from '../../features/status'
+
+class StatusModal extends React.PureComponent {
+
+  render() {
+    const { statusId } = this.props
+
+    return (
+      <div style={{width: '580px'}} className={[_s.d, _s.modal].join(' ')}>
+        <Block>
+          <div className={[_s.d, _s.w100PC, _s.maxH80VH, _s.overflowYScroll].join(' ')}>
+            <Status id={statusId} />
+          </div>
+        </Block>
+      </div>
+    )
+  }
+
+}
+
+StatusModal.propTypes = {
+  statusId: PropTypes.string,
+}
+
+export default StatusModal