Convert TreeViewHeader to a functional component

* Update test suite to verify the functionality of the custom hook added into the TreeViewHeader.
sillsdev · Dec 1, 2020 · d2369f8 · d2369f8
1 parent 0e79ab1
commit d2369f8
Show file tree

Hide file tree

Showing 6 changed files with 671 additions and 589 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -85,6 +85,8 @@
   },
   "devDependencies": {
     "@sillsdev/react-localize-crowdin": "^1.0.0",
+    "@testing-library/react": "^11.2.2",
+    "@testing-library/react-hooks": "^3.4.2",
     "@types/jest": "^26.0.14",
     "@types/node": "^14.11.5",
     "@types/nspell": "^2.1.0",

diff --git a/src/components/TreeView/TreeDepiction.tsx b/src/components/TreeView/TreeDepiction.tsx
@@ -14,7 +14,7 @@ import {
 } from "../../resources/tree";
 import DomainTile, { Direction } from "./DomainTile";
 import SemanticDomainWithSubdomains from "../../types/SemanticDomain";
-import TreeViewHeader from "./TreeViewHeader";
+import { TreeViewHeader } from "./TreeViewHeader";
 
 export const MAX_TILE_WIDTH = 150;
 export const MIN_TILE_WIDTH = 75;