diff --git a/packages/view/src/components/FilteredClusters/index.ts b/packages/view/src/components/FilteredClusters/index.ts deleted file mode 100644 index 671668dc..00000000 --- a/packages/view/src/components/FilteredClusters/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { default as FilteredClusters } from "./FilteredClusters"; diff --git a/packages/view/src/components/FilteredClusters/FilteredClusters.scss b/packages/view/src/components/SelectedClusterGroup/SelectedClusterGroup.scss similarity index 100% rename from packages/view/src/components/FilteredClusters/FilteredClusters.scss rename to packages/view/src/components/SelectedClusterGroup/SelectedClusterGroup.scss diff --git a/packages/view/src/components/FilteredClusters/FilteredClusters.tsx b/packages/view/src/components/SelectedClusterGroup/SelectedClusterGroup.tsx similarity index 54% rename from packages/view/src/components/FilteredClusters/FilteredClusters.tsx rename to packages/view/src/components/SelectedClusterGroup/SelectedClusterGroup.tsx index 27cccc7b..d4cf7499 100644 --- a/packages/view/src/components/FilteredClusters/FilteredClusters.tsx +++ b/packages/view/src/components/SelectedClusterGroup/SelectedClusterGroup.tsx @@ -9,21 +9,21 @@ import { selectedDataUpdater } from "components/VerticalClusterList/VerticalClus import { getInitData, getClusterById } from "components/VerticalClusterList/Summary/Summary.util"; import { useGlobalData } from "hooks"; -import "./FilteredClusters.scss"; +import "./SelectedClusterGroup.scss"; -const FilteredClusters = () => { +const SelectedClusterGroup = () => { const { selectedData, setSelectedData } = useGlobalData(); const selectedClusters = getInitData(selectedData); - const [anchorEl, setAnchorEl] = useState(null); - const isOpen = Boolean(anchorEl); + const [menuAnchorElement, setMenuAnchorElement] = useState(null); + const isOpen = Boolean(menuAnchorElement); - const openSelectedList = (event: MouseEvent) => { - setAnchorEl(event.currentTarget); + const openClusterGroup = (event: MouseEvent) => { + setMenuAnchorElement(event.currentTarget); }; - const closeSelectedList = () => { - setAnchorEl(null); + const closeClusterGroup = () => { + setMenuAnchorElement(null); }; const deselectCluster = (clusterId: number) => () => { @@ -34,39 +34,37 @@ const FilteredClusters = () => { return (
- {selectedClusters.map((selectedCluster) => { - return ( -
  • - -
  • - ); - })} + {selectedClusters.map((selectedCluster) => ( +
  • + +
  • + ))}
    ); }; -export default FilteredClusters; +export default SelectedClusterGroup; diff --git a/packages/view/src/components/SelectedClusterGroup/index.ts b/packages/view/src/components/SelectedClusterGroup/index.ts new file mode 100644 index 00000000..10c8fe6e --- /dev/null +++ b/packages/view/src/components/SelectedClusterGroup/index.ts @@ -0,0 +1 @@ +export { default as SelectedClusterGroup } from "./SelectedClusterGroup"; diff --git a/packages/view/src/components/VerticalClusterList/VerticalClusterList.tsx b/packages/view/src/components/VerticalClusterList/VerticalClusterList.tsx index 6b012933..340914a3 100644 --- a/packages/view/src/components/VerticalClusterList/VerticalClusterList.tsx +++ b/packages/view/src/components/VerticalClusterList/VerticalClusterList.tsx @@ -1,6 +1,6 @@ import { useGlobalData } from "hooks"; import { FilteredAuthors } from "components/FilteredAuthors"; -import { FilteredClusters } from "components/FilteredClusters"; +import { SelectedClusterGroup } from "components/SelectedClusterGroup"; import { Summary } from "./Summary"; @@ -14,7 +14,7 @@ const VerticalClusterList = () => { {selectedData.length > 0 && (
    - +
    )}