Add more sort options and improve styling

plugins/talk-plugin-sort-most-replied/client/.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": [
+    "es2015"
+  ],
+  "plugins": [
+    "add-module-exports",
+    "transform-class-properties",
+    "transform-decorators-legacy",
+    "transform-object-assign",
+    "transform-object-rest-spread",
+    "transform-async-to-generator",
+    "transform-react-jsx"
+  ]
+}

plugins/talk-plugin-sort-most-replied/client/.eslintrc.json

@@ -0,0 +1,23 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "mocha": true
+  },
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "experimentalObjectRestSpread": true,
+      "jsx": true
+    }
+  },
+  "parser": "babel-eslint",
+  "plugins": [
+    "react"
+  ],
+  "rules": {
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "no-console": ["warn", { "allow": ["warn", "error"] }]
+  }
+}

plugins/talk-plugin-sort-most-replied/client/index.js

@@ -0,0 +1,19 @@
+import translations from './translations.yml';
+import {createSortOption} from 'plugin-api/beta/client/factories';
+import {t} from 'plugin-api/beta/client/services';
+
+const SortOption = createSortOption(
+  () => t('talk-plugin-sort-most-replied.label'),
+  {sortBy: 'REPLIES', sortOrder: 'DESC'},
+);
+
+/**
+ * talk-plugin-sort-newest depends on talk-plugin-viewing-options.
+ */
+
+export default {
+  translations,
+  slots: {
+    viewingOptionsSort: [SortOption]
+  }
+};

plugins/talk-plugin-sort-most-replied/client/translations.yml

@@ -0,0 +1,5 @@
+en:
+  talk-plugin-sort-most-replied:
+    label: Most replied first
+es:
+  talk-plugin-sort-most-replied:

plugins/talk-plugin-sort-most-replied/index.js

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