diff --git a/superset-frontend/packages/superset-ui-core/src/components/Icons/AntdEnhanced.tsx b/superset-frontend/packages/superset-ui-core/src/components/Icons/AntdEnhanced.tsx index b41f38597ae..0f9c0a33244 100644 --- a/superset-frontend/packages/superset-ui-core/src/components/Icons/AntdEnhanced.tsx +++ b/superset-frontend/packages/superset-ui-core/src/components/Icons/AntdEnhanced.tsx @@ -112,6 +112,7 @@ import { PlusSquareOutlined, PlusOutlined, ProfileOutlined, + PushpinOutlined, QuestionCircleOutlined, ReloadOutlined, RightOutlined, @@ -263,6 +264,7 @@ const AntdIcons = { PlusSquareOutlined, PlusOutlined, ProfileOutlined, + PushpinOutlined, ReloadOutlined, QuestionCircleOutlined, RightOutlined, diff --git a/superset-frontend/src/SqlLab/components/TableExploreTree/TreeNodeRenderer.tsx b/superset-frontend/src/SqlLab/components/TableExploreTree/TreeNodeRenderer.tsx index 44eeb19d464..9f1b9fec345 100644 --- a/superset-frontend/src/SqlLab/components/TableExploreTree/TreeNodeRenderer.tsx +++ b/superset-frontend/src/SqlLab/components/TableExploreTree/TreeNodeRenderer.tsx @@ -226,7 +226,7 @@ const TreeNodeRenderer: React.FC = ({ - + } onClick={e => { diff --git a/superset-frontend/src/SqlLab/components/TableExploreTree/index.tsx b/superset-frontend/src/SqlLab/components/TableExploreTree/index.tsx index 5bc2cf75f87..cb71b54e2b3 100644 --- a/superset-frontend/src/SqlLab/components/TableExploreTree/index.tsx +++ b/superset-frontend/src/SqlLab/components/TableExploreTree/index.tsx @@ -24,7 +24,7 @@ import { useMemo, } from 'react'; import { useSelector, useDispatch, shallowEqual } from 'react-redux'; -import { styled, t } from '@apache-superset/core'; +import { styled, css, t, useTheme } from '@apache-superset/core'; import AutoSizer from 'react-virtualized-auto-sizer'; // Due to performance issues with the virtual list in the existing Ant Design (antd)-based tree view, // it has been replaced with react-arborist solution. @@ -109,6 +109,7 @@ const ROW_HEIGHT = 28; const TableExploreTree: React.FC = ({ queryEditorId }) => { const dispatch = useDispatch(); + const theme = useTheme(); const treeRef = useRef>(null); const tables = useSelector( ({ sqlLab }: SqlLabRootState) => sqlLab.tables, @@ -236,31 +237,38 @@ const TableExploreTree: React.FC = ({ queryEditorId }) => { return ( <> - -