quote ui

app/javascript/gabsocial/components/status_quote.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import PropTypes from 'prop-types';
+import StatusContent from './status_content';
+import DisplayName from './display_name';
+import { connect } from 'react-redux';
+import { NavLink } from 'react-router-dom';
+
+const mapStateToProps = (state, { id }) => ({
+    status: state.getIn(['statuses', id]),
+    account: state.getIn(['accounts', state.getIn(['statuses', id, 'account'])]),
+});
+
+@connect(mapStateToProps)
+export default class StatusQuote extends React.PureComponent {
+
+    static contextTypes = {
+      router: PropTypes.object,
+    };
+  
+    static propTypes = {
+      status: ImmutablePropTypes.map.isRequired,
+    };
+
+    render() {
+        const { status, account } = this.props;
+
+        const statusUrl = `/${account.get('acct')}/posts/${status.get('id')}`;
+
+        return (
+            <NavLink to={statusUrl} className="status__quote">
+                <DisplayName account={account} />
+
+                <StatusContent
+                status={status}
+                expanded={false}
+                />
+            </NavLink>
+        );
+    }
+
+}