Progress

app/javascript/gabsocial/components/account.js

@@ -4,6 +4,18 @@ import ImmutablePropTypes from 'react-immutable-proptypes'
 import { defineMessages, injectIntl } from 'react-intl'
 import ImmutablePureComponent from 'react-immutable-pure-component'
 import { me } from '../initial_state'
+import {
+  followAccount,
+  unfollowAccount,
+  blockAccount,
+  unblockAccount,
+  muteAccount,
+  unmuteAccount,
+} from '../actions/accounts'
+import { openModal } from '../actions/modal'
+import { initMuteModal } from '../actions/mutes'
+import { unfollowModal } from '../initial_state'
+import { makeGetAccount } from '../selectors'
 import Avatar from './avatar'
 import DisplayName from './display_name'
 import Button from './button'
@@ -17,10 +29,60 @@ const messages = defineMessages({
   unmute: { id: 'unmute', defaultMessage: 'Unmute' },
   mute_notifications: { id: 'account.mute_notifications', defaultMessage: 'Mute notifications from @{name}' },
   unmute_notifications: { id: 'account.unmute_notifications', defaultMessage: 'Unmute notifications from @{name}' },
+  unfollowConfirm: { id: 'confirmations.unfollow.confirm', defaultMessage: 'Unfollow' },
+})
+
+const makeMapStateToProps = () => {
+  const getAccount = makeGetAccount()
+
+  const mapStateToProps = (state, props) => ({
+    account: getAccount(state, props.id),
+  })
+
+  return mapStateToProps
+}
+
+const mapDispatchToProps = (dispatch, { intl }) => ({
+
+  onFollow (account) {
+    if (account.getIn(['relationship', 'following']) || account.getIn(['relationship', 'requested'])) {
+      if (unfollowModal) {
+        dispatch(openModal('UNFOLLOW', {
+          accountId: account.get('id'),
+        }))
+      } else {
+        dispatch(unfollowAccount(account.get('id')))
+      }
+    } else {
+      dispatch(followAccount(account.get('id')))
+    }
+  },
+
+  onBlock (account) {
+    if (account.getIn(['relationship', 'blocking'])) {
+      dispatch(unblockAccount(account.get('id')))
+    } else {
+      dispatch(blockAccount(account.get('id')))
+    }
+  },
+
+  onMute (account) {
+    if (account.getIn(['relationship', 'muting'])) {
+      dispatch(unmuteAccount(account.get('id')))
+    } else {
+      dispatch(initMuteModal(account))
+    }
+  },
+
+
+  onMuteNotifications (account, notifications) {
+    dispatch(muteAccount(account.get('id'), notifications))
+  },
 })
 
 export default
 @injectIntl
+@connect(makeMapStateToProps, mapDispatchToProps)
 class Account extends ImmutablePureComponent {
 
   static propTypes = {