soapbox/app/soapbox/actions/media.js

import { getFeatures } from 'soapbox/utils/features';

import api from '../api';

const noOp = () => {};

export function fetchMedia(mediaId) {
  return (dispatch, getState) => {
    return api(getState).get(`/api/v1/media/${mediaId}`);
  };
}

export function updateMedia(mediaId, params) {
  return (dispatch, getState) => {
    return api(getState).put(`/api/v1/media/${mediaId}`, params);
  };
}

export function uploadMediaV1(data, onUploadProgress = noOp) {
  return (dispatch, getState) => {
    return api(getState).post('/api/v1/media', data, {
      onUploadProgress: onUploadProgress,
    });
  };
}

export function uploadMediaV2(data, onUploadProgress = noOp) {
  return (dispatch, getState) => {
    return api(getState).post('/api/v2/media', data, {
      onUploadProgress: onUploadProgress,
    });
  };
}

export function uploadMedia(data, onUploadProgress = noOp) {
  return (dispatch, getState) => {
    const state = getState();
    const instance = state.get('instance');
    const features = getFeatures(instance);

    if (features.mediaV2) {
      return dispatch(uploadMediaV2(data, onUploadProgress));
    } else {
      return dispatch(uploadMediaV1(data, onUploadProgress));
    }
  };
}