+
+
+
+
+
+ );
+ }
+
+}
diff --git a/app/soapbox/features/import_data/index.js b/app/soapbox/features/import_data/index.js
new file mode 100644
index 000000000..c1d788ff7
--- /dev/null
+++ b/app/soapbox/features/import_data/index.js
@@ -0,0 +1,56 @@
+import React from 'react';
+import { defineMessages, injectIntl } from 'react-intl';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import PropTypes from 'prop-types';
+import Column from '../ui/components/column';
+import {
+ importFollows,
+ importBlocks,
+ // importMutes,
+} from 'soapbox/actions/import_data';
+import CSVImporter from './components/csv_importer';
+
+const messages = defineMessages({
+ heading: { id: 'column.import_data', defaultMessage: 'Import data' },
+ submit: { id: 'import_data.actions.import', defaultMessage: 'Import' },
+});
+
+const followMessages = defineMessages({
+ input_label: { id: 'import_data.follows_label', defaultMessage: 'Follows' },
+ input_hint: { id: 'import_data.hints.follows', defaultMessage: 'CSV file containing a list of followed accounts' },
+ submit: { id: 'import_data.actions.import_follows', defaultMessage: 'Import follows' },
+});
+
+const blockMessages = defineMessages({
+ input_label: { id: 'import_data.blocks_label', defaultMessage: 'Blocks' },
+ input_hint: { id: 'import_data.hints.blocks', defaultMessage: 'CSV file containing a list of blocked accounts' },
+ submit: { id: 'import_data.actions.import_blocks', defaultMessage: 'Import blocks' },
+});
+
+// Not yet supported by Pleroma stable, in develop branch
+// const muteMessages = defineMessages({
+// input_label: { id: 'import_data.mutes_label', defaultMessage: 'Mutes' },
+// input_hint: { id: 'import_data.hints.mutes', defaultMessage: 'CSV file containing a list of muted accounts' },
+// submit: { id: 'import_data.actions.import_mutes', defaultMessage: 'Import mutes' },
+// });
+
+export default @injectIntl
+class ImportData extends ImmutablePureComponent {
+
+ static propTypes = {
+ intl: PropTypes.object.isRequired,
+ };
+
+ render() {
+ const { intl } = this.props;
+
+ return (
+