diff --git a/webview/src/experiments/components/emptyState/AddColumns.tsx b/webview/src/experiments/components/emptyState/AddColumns.tsx index a6342c82a3..f8749ab9e9 100644 --- a/webview/src/experiments/components/emptyState/AddColumns.tsx +++ b/webview/src/experiments/components/emptyState/AddColumns.tsx @@ -1,10 +1,28 @@ import React from 'react' +import { useSelector } from 'react-redux' +import { selectColumns, toggleShowOnlyChanged } from '../../util/messages' +import { ExperimentsState } from '../../store' import { StartButton } from '../../../shared/components/button/StartButton' -import { selectColumns } from '../../util/messages' +import { IconButton } from '../../../shared/components/button/IconButton' +import { Close } from '../../../shared/components/icons' -export const AddColumns: React.FC = () => ( -
-

No Columns Selected.

- -
-) +export const AddColumns: React.FC = () => { + const showOnlyChanged = useSelector( + (state: ExperimentsState) => state.tableData.showOnlyChanged + ) + return ( +
+

No Columns Selected.

+ + {showOnlyChanged && ( + + )} +
+ ) +}