Merge branch 'master' into workspaces

plugins/talk-plugin-ignore-user/client/index.js

@@ -8,7 +8,7 @@ export default {
   slots: {
     authorMenuActions: [IgnoreUserAction],
     ignoreUserConfirmation: [IgnoreUserConfirmation],
-    profileSections: [IgnoredUserSection],
+    profileSettings: [IgnoredUserSection],
   },
   translations,
   mutations: {

plugins/talk-plugin-profile-settings/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@coralproject/eslint-config-talk"
+}

plugins/talk-plugin-profile-settings/client/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@coralproject/eslint-config-talk/client"
+}

plugins/talk-plugin-profile-settings/client/components/Tab.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { t } from 'plugin-api/beta/client/services';
+
+const Tab = () => {
+  return <span>{t('talk-plugin-profile-settings.tab')}</span>;
+};
+
+export default Tab;

plugins/talk-plugin-profile-settings/client/components/TabPane.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Slot } from 'plugin-api/beta/client/components';
+
+class TabPane extends React.Component {
+  render() {
+    const { data, root } = this.props;
+    return (
+      <div>
+        <Slot fill="profileSettings" data={data} queryData={{ root }} />
+      </div>
+    );
+  }
+}
+
+TabPane.propTypes = {
+  data: PropTypes.object,
+  root: PropTypes.object,
+};
+
+export default TabPane;

plugins/talk-plugin-profile-settings/client/containers/TabPane.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { compose, gql } from 'react-apollo';
+import TabPane from '../components/TabPane';
+import { withFragments } from 'plugin-api/beta/client/hocs';
+import { getSlotFragmentSpreads } from 'plugin-api/beta/client/utils';
+
+const slots = ['profileSettings'];
+
+class TabPaneContainer extends React.Component {
+  render() {
+    return <TabPane {...this.props} />;
+  }
+}
+
+const enhance = compose(
+  withFragments({
+    root: gql`
+      fragment TalkProfileSettings_TabPane_root on RootQuery {
+        __typename
+        ${getSlotFragmentSpreads(slots, 'root')}
+      }
+    `,
+  })
+);
+
+export default enhance(TabPaneContainer);

plugins/talk-plugin-profile-settings/client/index.js

@@ -0,0 +1,11 @@
+import Tab from './components/Tab';
+import TabPane from './containers/TabPane';
+import translations from './translations.yml';
+
+export default {
+  slots: {
+    profileTabs: [Tab],
+    profileTabPanes: [TabPane],
+  },
+  translations,
+};

plugins/talk-plugin-profile-settings/client/translations.yml

@@ -0,0 +1,27 @@
+en:
+  talk-plugin-profile-settings:
+    tab: Settings
+de:
+  talk-plugin-profile-settings:
+    tab: Einstellungen
+es:
+  talk-plugin-profile-settings:
+    tab: Configuración
+fr:
+  talk-plugin-profile-settings:
+    tab: Paramètres
+nl_NL:
+  talk-plugin-profile-settings:
+    tab: Instellingen
+da:
+  talk-plugin-profile-settings:
+    tab: Indstillinger
+pt_PR:
+  talk-plugin-profile-settings:
+    tab: Configurações
+zh_TW:
+  talk-plugin-profile-settings:
+    tab: 設置
+zh_CN:
+  talk-plugin-profile-settings:
+    tab: 设置

plugins/talk-plugin-profile-settings/index.js

@@ -0,0 +1 @@
+module.exports = {};