diff --git a/package.json b/package.json
index 1a2e418b..8903296c 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
"@material-ui/icons": "^4.4.1",
"@material-ui/lab": "^4.0.0-alpha.26",
"@material-ui/pickers": "^3.2.5",
+ "@types/algoliasearch": "^3.34.2",
"@types/jest": "24.0.18",
"@types/lodash": "^4.14.138",
"@types/node": "12.7.4",
@@ -15,9 +16,11 @@
"@types/react": "^16.9.2",
"@types/react-data-grid": "^4.0.3",
"@types/react-dom": "16.9.0",
+ "@types/react-instantsearch-dom": "^5.2.6",
"@types/react-router-dom": "^4.3.5",
"@types/react-sortable-hoc": "^0.6.5",
"@types/react-virtualized": "^9.21.4",
+ "algoliasearch": "^3.34.0",
"array-move": "^2.1.0",
"attr-accept": "^1.1.3",
"date-fns": "^2.0.0-beta.5",
@@ -30,6 +33,7 @@
"react-data-grid-addons": "^6.1.0",
"react-dom": "^16.9.0",
"react-dropzone": "^10.1.8",
+ "react-instantsearch-dom": "^5.7.0",
"react-router-dom": "^5.0.1",
"react-scripts": "3.1.1",
"react-virtualized": "^9.21.1",
diff --git a/src/components/Fields/DocSelect.tsx b/src/components/Fields/DocSelect.tsx
index 6a53b565..6a6d0084 100644
--- a/src/components/Fields/DocSelect.tsx
+++ b/src/components/Fields/DocSelect.tsx
@@ -11,6 +11,21 @@ import TextareaAutosize from "@material-ui/core/TextareaAutosize";
import ClickAwayListener from "@material-ui/core/ClickAwayListener";
import { onSubmit } from "components/Table/grid-fns";
import { TextField } from "@material-ui/core";
+import algoliasearch from "algoliasearch/lite";
+import {
+ InstantSearch,
+ Hits,
+ SearchBox,
+ Pagination,
+ Highlight,
+ ClearRefinements,
+ RefinementList,
+ Configure,
+} from "react-instantsearch-dom";
+const searchClient = algoliasearch(
+ "NSSK1FAZOO",
+ "2a6c9c25e4bc9526643331405785baea"
+);
const useStyles = makeStyles((theme: Theme) =>
createStyles({
@@ -55,7 +70,7 @@ const DocSelect = (props: Props) => {
const onClickAway = (event: any) => {
if (event.target.id !== id) {
// onSubmit();
- setAnchorEl(null);
+ // setAnchorEl(null);
}
};
return (
@@ -68,7 +83,17 @@ const DocSelect = (props: Props) => {
{value}
-
+ {/* */}
+
+
+
+
+
+
+
@@ -76,4 +101,15 @@ const DocSelect = (props: Props) => {
);
};
+
+const Hit = (props: any) => {
+ return (
+
+
+
+
{props.hit.email}
+