Progress

app/javascript/gabsocial/components/panel/media_gallery_panel.js

@@ -1,71 +1,53 @@
-import { defineMessages, injectIntl } from 'react-intl';
-import { fetchSuggestions, dismissSuggestion } from '../../actions/suggestions';
-import ImmutablePureComponent from 'react-immutable-pure-component';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import AccountContainer from '../../containers/account_container';
-import PanelLayout from './panel_layout';
+import { defineMessages, injectIntl } from 'react-intl'
+import { fetchSuggestions, dismissSuggestion } from '../../actions/suggestions'
+import ImmutablePureComponent from 'react-immutable-pure-component'
+import ImmutablePropTypes from 'react-immutable-proptypes'
+import AccountContainer from '../../containers/account_container'
+import PanelLayout from './panel_layout'
 
 const messages = defineMessages({
-  dismissSuggestion: { id: 'suggestions.dismiss', defaultMessage: 'Dismiss suggestion' },
-  title: { id: 'who_to_follow.title', defaultMessage: 'Who to Follow' },
-  show_more: { id: 'who_to_follow.more', defaultMessage: 'Show more' },
-});
+  title: { id: 'media_gallery_panel.title', defaultMessage: 'Media' },
+  show_all: { id: 'media_gallery_panel.all', defaultMessage: 'Show all' },
+})
 
 const mapStateToProps = state => ({
   suggestions: state.getIn(['suggestions', 'items']),
-});
+})
 
 const mapDispatchToProps = dispatch => {
   return {
     fetchSuggestions: () => dispatch(fetchSuggestions()),
     dismissSuggestion: account => dispatch(dismissSuggestion(account.get('id'))),
   }
-};
+}
 
 export default
 @connect(mapStateToProps, mapDispatchToProps)
 @injectIntl
-class WhoToFollowPanel extends ImmutablePureComponent {
+class MediaGalleryPanel extends ImmutablePureComponent {
 
   static propTypes = {
-    suggestions: ImmutablePropTypes.list.isRequired,
-    fetchSuggestions: PropTypes.func.isRequired,
-    dismissSuggestion: PropTypes.func.isRequired,
+    account: ImmutablePropTypes.map.isRequired,
     intl: PropTypes.object.isRequired,
-  };
+  }
 
-  componentDidMount () {
-    this.props.fetchSuggestions();
+  componentDidMount() {
+    // this.props.fetchSuggestions()
   }
 
   render() {
-    const { intl, /* suggestions, */ dismissSuggestion } = this.props;
-    // : testing!!! :
-    const suggestions = [
-      "1",
-    ]
-    // if (suggestions.isEmpty()) {
-    //   return null;
-    // }
+    const { intl, account } = this.props
+
+    console.log("account:", account)
 
     return (
       <PanelLayout
         title={intl.formatMessage(messages.title)}
-        footerButtonTitle={intl.formatMessage(messages.show_more)}
-        footerButtonTo='/explore'
+        headerButtonTitle={intl.formatMessage(messages.show_all)}
+        headerButtonTo='/explore'
       >
-        <div className={_s.default}>
-          {suggestions && suggestions.map(accountId => (
-            <AccountContainer
-              key={accountId}
-              id={accountId}
-              actionIcon='times'
-              actionTitle={intl.formatMessage(messages.dismissSuggestion)}
-              onActionClick={dismissSuggestion}
-            />
-          ))}
-        </div>
+
       </PanelLayout>
-    );
-  };
-};
+    )
+  }
+}