Setting up preliminary "detailed" routes in the UI, new API end-point for fetching status context

2 files changed, 117 insertions, 2 deletions

diff --git a/app/assets/javascripts/components/actions/accounts.jsx b/app/assets/javascripts/components/actions/accounts.jsx
index a334e3c20..327fb23f7 100644
--- a/app/assets/javascripts/components/actions/accounts.jsx
+++ b/app/assets/javascripts/components/actions/accounts.jsx
@@ -1,11 +1,22 @@
 import api from '../api'
 
-export const ACCOUNT_SET_SELF      = 'ACCOUNT_SET_SELF';
+export const ACCOUNT_SET_SELF = 'ACCOUNT_SET_SELF';
+
 export const ACCOUNT_FETCH         = 'ACCOUNT_FETCH';
 export const ACCOUNT_FETCH_REQUEST = 'ACCOUNT_FETCH_REQUEST';
 export const ACCOUNT_FETCH_SUCCESS = 'ACCOUNT_FETCH_SUCCESS';
 export const ACCOUNT_FETCH_FAIL    = 'ACCOUNT_FETCH_FAIL';
 
+export const ACCOUNT_FOLLOW         = 'ACCOUNT_FOLLOW';
+export const ACCOUNT_FOLLOW_REQUEST = 'ACCOUNT_FOLLOW_REQUEST';
+export const ACCOUNT_FOLLOW_SUCCESS = 'ACCOUNT_FOLLOW_SUCCESS';
+export const ACCOUNT_FOLLOW_FAIL    = 'ACCOUNT_FOLLOW_FAIL';
+
+export const ACCOUNT_UNFOLLOW         = 'ACCOUNT_UNFOLLOW';
+export const ACCOUNT_UNFOLLOW_REQUEST = 'ACCOUNT_UNFOLLOW_REQUEST';
+export const ACCOUNT_UNFOLLOW_SUCCESS = 'ACCOUNT_UNFOLLOW_SUCCESS';
+export const ACCOUNT_UNFOLLOW_FAIL    = 'ACCOUNT_UNFOLLOW_FAIL';
+
 export function setAccountSelf(account) {
   return {
     type: ACCOUNT_SET_SELF,
@@ -46,3 +57,69 @@ export function fetchAccountFail(id, error) {
     error: error
   };
 };
+
+export function followAccount(id) {
+  return (dispatch, getState) => {
+    dispatch(followAccountRequest(id));
+
+    api(getState).post(`/api/accounts/${id}/follow`).then(response => {
+      dispatch(followAccountSuccess(response.data));
+    }).catch(error => {
+      dispatch(followAccountFail(error));
+    });
+  };
+};
+
+export function unfollowAccount(id) {
+  return (dispatch, getState) => {
+    dispatch(unfollowAccountRequest(id));
+
+    api(getState).post(`/api/accounts/${id}/unfollow`).then(response => {
+      dispatch(unfollowAccountSuccess(response.data));
+    }).catch(error => {
+      dispatch(unfollowAccountFail(error));
+    });
+  }
+};
+
+export function followAccountRequest(id) {
+  return {
+    type: ACCOUNT_FOLLOW_REQUEST,
+    id: id
+  };
+};
+
+export function followAccountSuccess(account) {
+  return {
+    type: ACCOUNT_FOLLOW_SUCCESS,
+    account: account
+  };
+};
+
+export function followAccountFail(error) {
+  return {
+    type: ACCOUNT_FOLLOW_FAIL,
+    error: error
+  };
+};
+
+export function unfollowAccountRequest(id) {
+  return {
+    type: ACCOUNT_UNFOLLOW_REQUEST,
+    id: id
+  };
+};
+
+export function unfollowAccountSuccess(account) {
+  return {
+    type: ACCOUNT_UNFOLLOW_SUCCESS,
+    account: account
+  };
+};
+
+export function unfollowAccountFail(error) {
+  return {
+    type: ACCOUNT_UNFOLLOW_FAIL,
+    error: error
+  };
+};
diff --git a/app/assets/javascripts/components/actions/statuses.jsx b/app/assets/javascripts/components/actions/statuses.jsx
index faf33ea1d..b1ddd5c8f 100644
--- a/app/assets/javascripts/components/actions/statuses.jsx
+++ b/app/assets/javascripts/components/actions/statuses.jsx
@@ -1,6 +1,44 @@
-import api from '../api';
+import api   from '../api';
+import axios from 'axios';
 
 export const STATUS_FETCH         = 'STATUS_FETCH';
 export const STATUS_FETCH_REQUEST = 'STATUS_FETCH_REQUEST';
 export const STATUS_FETCH_SUCCESS = 'STATUS_FETCH_SUCCESS';
 export const STATUS_FETCH_FAIL    = 'STATUS_FETCH_FAIL';
+
+export function fetchStatusRequest(id) {
+  return {
+    type: STATUS_FETCH_REQUEST,
+    id: id
+  };
+};
+
+export function fetchStatus(id) {
+  return (dispatch, getState) => {
+    const boundApi = api(getState);
+
+    dispatch(fetchStatusRequest(id));
+
+    axios.all([boundApi.get(`/api/statuses/${id}`), boundApi.get(`/api/statuses/${id}/context`)]).then(values => {
+      dispatch(fetchStatusSuccess(values[0].data, values[1].data));
+    }).catch(error => {
+      dispatch(fetchStatusFail(id, error));
+    });
+  };
+};
+
+export function fetchStatusSuccess(status, context) {
+  return {
+    type: STATUS_FETCH_SUCCESS,
+    status: status,
+    context: context
+  };
+};
+
+export function fetchStatusFail(id, error) {
+  return {
+    type: STATUS_FETCH_FAIL,
+    id: id,
+    error: error
+  };
+};