Rename useClickedPointConfig

src/Map/MapComponent.jsx

@@ -9,14 +9,14 @@ import { SignOut } from "../SignOut";
 import debounce from "lodash.debounce";
 import { Table } from "../modules/Table/Table";
 import { usePopup } from "../stores/usePopup";
-import { useClickedPointLocationId } from "../stores/useClickedPointLocationId";
+import { useClickedPointConfig } from "../stores/useClickedPointConfig";
 import { Legend } from "../modules/Sidebar/Legend";
 
 export const MapComponent = () => {
   const mapRef = useRef(null);
   const mapContainerRef = useRef(null);
   const { popup, setPopup } = usePopup();
-  const { setClickedPointConfig } = useClickedPointLocationId();
+  const { setClickedPointConfig } = useClickedPointConfig();
 
   const handleClick = (event) => {
     if (!event.features) {

src/Map/Popup.jsx

@@ -4,7 +4,7 @@ import { twMerge } from "tailwind-merge";
 import { usePointSelection } from "../stores/usePointSelection";
 import { useEffect, useState } from "react";
 import { CATEGORIES } from "../config";
-import { useClickedPointLocationId } from "../stores/useClickedPointLocationId";
+import { useClickedPointConfig } from "../stores/useClickedPointConfig";
 
 const popupConfig = [
   {
@@ -108,7 +108,7 @@ const PopupWrapper = ({ lat, lng, onClose, children }) => {
 
 const SingleFeaturePopup = ({ feature }) => {
   const { include, selection, exclude } = usePointSelection();
-  const { setClickedPointConfig } = useClickedPointLocationId();
+  const { setClickedPointConfig } = useClickedPointConfig();
   const doesMatchFilter = feature.layer.id === "match-points";
   const featureId = feature.properties.id;
 

src/modules/Table/Table.jsx

@@ -7,7 +7,7 @@ import parse from "wellknown";
 import { useMap } from "react-map-gl";
 import { usePointSelection } from "../../stores/usePointSelection";
 import { useFilters } from "../../stores/useFilters";
-import { useClickedPointLocationId } from "../../stores/useClickedPointLocationId";
+import { useClickedPointConfig } from "../../stores/useClickedPointConfig";
 import scrollIntoView from "scroll-into-view-if-needed";
 
 const columns = [
@@ -75,7 +75,7 @@ const useTableData = (page) => {
   const { filters } = useFilters();
   const { prediction, status, categories } = filters;
   const { selection } = usePointSelection();
-  const { clickedPointConfig } = useClickedPointLocationId();
+  const { clickedPointConfig } = useClickedPointConfig();
   const [finalData, setFinalData] = useState();
 
   const { data } = useQuery(
@@ -175,7 +175,7 @@ export const Table = React.memo(({ height = 200 }) => {
   const tableRef = useRef(null);
   const [page, setPage] = useState(1);
   const { selection, include, exclude } = usePointSelection();
-  const { clickedPointConfig } = useClickedPointLocationId();
+  const { clickedPointConfig } = useClickedPointConfig();
 
   const { data, pageSize, isClickedPointLoading } = useTableData(page);
 

src/stores/useClickedPointConfig.js

@@ -18,4 +18,4 @@ const store = (set) => ({
   },
 });
 
-export const useClickedPointLocationId = create(immer(store));
+export const useClickedPointConfig = create(immer(store));