Add sort option for slack

hverlin · May 12, 2020 · cf666b1 · cf666b1
1 parent b4fb1b1
commit cf666b1
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 14 deletions.
diff --git a/src/components/configuration-form.js b/src/components/configuration-form.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { FormGroup, InputGroup, NumericInput, Switch } from "@blueprintjs/core";
+import { FormGroup, HTMLSelect, InputGroup, NumericInput, Switch } from "@blueprintjs/core";
 import { useStateLink } from "@hookstate/core";
 import _ from "lodash";
 import configurationSchema from "../configuration-schema.json";
@@ -29,14 +29,25 @@ export default function ConfigurationForm({ configuration, fields = [], isForm =
         />
       );
     } else if (fieldSchema.type === "string") {
-      return (
-        <InputGroup
-          id={inputId}
-          placeholder={placeholder}
-          value={state.nested[fieldId].get() || ""}
-          onChange={(e) => state.nested[fieldId].set(e.target.value)}
-        />
-      );
+      if (fieldSchema.enum) {
+        return (
+          <HTMLSelect
+            id="theme-selector"
+            value={state.nested[fieldId].get() || fieldSchema.default}
+            options={fieldSchema["x-enum-mapping"]}
+            onChange={(e) => state.nested[fieldId].set(e.target.value)}
+          />
+        );
+      } else {
+        return (
+          <InputGroup
+            id={inputId}
+            placeholder={placeholder}
+            value={state.nested[fieldId].get() || ""}
+            onChange={(e) => state.nested[fieldId].set(e.target.value)}
+          />
+        );
+      }
     } else if (fieldSchema.type === "integer") {
       return (
         <NumericInput
@@ -77,7 +88,9 @@ export default function ConfigurationForm({ configuration, fields = [], isForm =
             key={fieldId}
             label={fieldSchema.title}
             labelFor={inputId}
-            labelInfo={_.includes(required, fieldId) ? "(required)" : undefined}
+            labelInfo={
+              _.includes(required, fieldId) && !fieldSchema.enum ? "(required)" : undefined
+            }
           >
             {getInputForType(fieldId, inputId, fieldSchema)}
           </FormGroup>

diff --git a/src/configuration-schema.json b/src/configuration-schema.json
@@ -351,7 +351,7 @@
           },
           {
             "type": "object",
-            "required": ["moduleType", "enabled", "id", "name", "token"],
+            "required": ["moduleType", "enabled", "id", "name", "token", "sortBy"],
             "additionalProperties": false,
             "properties": {
               "moduleType": {
@@ -402,6 +402,16 @@
                 "default": 5,
                 "minimum": 1,
                 "maximum": 50
+              },
+              "sortBy": {
+                "title": "Sort results by",
+                "type": "string",
+                "default": "score",
+                "enum": ["score", "timestamp"],
+                "x-enum-mapping": [
+                  { "value": "score", "label": "Most relevant" },
+                  { "value": "timestamp", "label": "Most recent" }
+                ]
               }
             }
           },

diff --git a/src/modules/slack/index.js b/src/modules/slack/index.js
@@ -148,7 +148,7 @@ function SlackDetail({ item, users, emojis }) {
 
 async function fetchMessages(
   key,
-  { input, queryObj, userId, token, pageSize, owner, dateFilter },
+  { input, queryObj, sortBy = "score", userId, token, pageSize, owner, dateFilter },
   offset = 1
 ) {
   const query = [input];
@@ -171,6 +171,7 @@ async function fetchMessages(
     token,
     query: query.join(" "),
     offset,
+    sort: sortBy,
   });
 
   const res = await fetch(`https://slack.com/api/search.messages?${searchParams}`, {
@@ -200,7 +201,7 @@ const slackResultsRenderer = (users, emojis) => ({ pages }) => {
 };
 
 export default function SlackSearchResults({ configuration, searchViewState }) {
-  const { token, pageSize, userId } = configuration.get();
+  const { token, pageSize, userId, sortBy } = configuration.get();
   const searchData = searchViewState.get();
 
   const [users, setUsers] = React.useState([]);
@@ -225,6 +226,7 @@ export default function SlackSearchResults({ configuration, searchViewState }) {
         {
           input: searchData.input,
           queryObj: searchData.queryObj,
+          sortBy,
           token,
           pageSize,
           userId,

diff --git a/src/modules/slack/settings.js b/src/modules/slack/settings.js
@@ -94,7 +94,7 @@ export default function SlackSettings({ configurationState }) {
     <form>
       <ConfigurationForm
         configuration={config}
-        fields={["clientId", "clientSecret", "pageSize"]}
+        fields={["clientId", "clientSecret", "pageSize", "sortBy"]}
         isForm={false}
       />
       <FormGroup>