feat(nodeslist): use headercell from ui-kit

Closes DCOS-39069
dcos · Jul 19, 2018 · 5a725ce · 5a725ce
1 parent 3780f3f
commit 5a725ce
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
diff --git a/package.json b/package.json
@@ -32,7 +32,7 @@
     "@dcos/http-service": "0.3.0",
     "@dcos/mesos-client": "0.2.3",
     "@dcos/tslint-config": "0.1.0",
-    "@dcos/ui-kit": "1.1.1",
+    "@dcos/ui-kit": "1.2.3",
     "babel-polyfill": "6.23.0",
     "browser-info": "0.4.0",
     "classnames": "2.2.3",

diff --git a/packages/ui-kit-stage/SortableColumnHeader.tsx b/packages/ui-kit-stage/SortableColumnHeader.tsx
@@ -4,6 +4,7 @@
  * JIRA: https://jira.mesosphere.com/browse/DCOS-39076
  */
 import * as React from "react";
+import { HeaderCell } from "@dcos/ui-kit";
 import { SortableColumnHeaderCellIcon } from "ui-kit-stage/SortableColumnHeaderCellIcon";
 
 type SortDirection = "ASC" | "DESC" | null;
@@ -17,11 +18,10 @@ export function SortableColumnHeader({
   sortDirection: SortDirection;
   columnContent: string | React.ReactNode;
 }) {
-  // TODO: DCOS-39069
   return (
-    <span onClick={sortHandler}>
+    <HeaderCell onClick={sortHandler}>
       {columnContent}
       <SortableColumnHeaderCellIcon sortDirection={sortDirection} />
-    </span>
+    </HeaderCell>
   );
 }