fix build

Vizzuality · Feb 19, 2024 · da72796 · da72796
1 parent c7168f7
commit da72796
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/client/src/components/map/legend/types.ts b/client/src/components/map/legend/types.ts
@@ -45,7 +45,7 @@ export interface LegendProps extends PropsWithChildren {
 }
 
 export interface LegendItemProps extends LegendItemEvents {
-  id: number;
+  id: string;
   name?: string;
   className?: string;
 

diff --git a/client/src/containers/map/legend/index.tsx b/client/src/containers/map/legend/index.tsx
@@ -16,8 +16,8 @@ const MapLegends = ({ className = '' }) => {
 
   const handleChangeOrder = useCallback(
     (order: string[]) => {
-      const newLayers: number[] = order.reduce((prev: number[], curr) => {
-        const id = layers.find((layer) => layer === Number(curr));
+      const newLayers: string[] = order.reduce((prev: string[], curr) => {
+        const id = layers.find((layer) => layer === curr);
         return !!id ? [...prev, id] : prev;
       }, []);
 
@@ -27,7 +27,7 @@ const MapLegends = ({ className = '' }) => {
   );
 
   const handleChangeOpacity = useCallback(
-    (id: number, opacity: number) =>
+    (id: string, opacity: number) =>
       setLayersSettings((prev) => ({
         ...prev,
         [id]: {
@@ -40,7 +40,7 @@ const MapLegends = ({ className = '' }) => {
   );
 
   const handleChangeVisibility = useCallback(
-    (id: number, visibility: boolean) =>
+    (id: string, visibility: boolean) =>
       setLayersSettings((prev) => ({
         ...prev,
         [id]: {
@@ -53,7 +53,7 @@ const MapLegends = ({ className = '' }) => {
   );
 
   const handleChangeExpand = useCallback(
-    (id: number, expand: boolean) =>
+    (id: string, expand: boolean) =>
       setLayersSettings((prev) => ({
         ...prev,
         [id]: {

diff --git a/client/src/containers/map/legend/item.tsx b/client/src/containers/map/legend/item.tsx
@@ -48,8 +48,8 @@ const getSettingsManager = (data: LayerTyped = {} as LayerTyped): SettingsManage
 
 const MapLegendItem = ({ id, ...props }: MapLegendItemProps) => {
   const layersSettings = useAtomValue(layersSettingsAtom);
-
-  const { data, isError, isFetched, isFetching, isPlaceholderData } = useGetLayersId(id);
+  // TODO: change strapi schema id to string
+  const { data, isError, isFetched, isFetching, isPlaceholderData } = useGetLayersId(Number(id));
 
   const attributes = data?.data?.attributes as LayerTyped;
   const legend_config = attributes?.legend_config;

diff --git a/client/src/containers/map/popup/item.tsx b/client/src/containers/map/popup/item.tsx
@@ -15,7 +15,7 @@ import { LayerTyped } from '@/types/layers';
 import ContentLoader from '@/components/ui/loader';
 
 export interface PopupItemProps {
-  id: number;
+  id: string;
 }
 const PopupItem = ({ id }: PopupItemProps) => {
   const [rendered, setRendered] = useState(false);
@@ -25,8 +25,8 @@ const PopupItem = ({ id }: PopupItemProps) => {
 
   const popup = useAtomValue(popupAtom);
   const layersInteractiveIds = useAtomValue(layersInteractiveIdsAtom);
-
-  const { data, isFetching, isFetched, isError, isPlaceholderData } = useGetLayersId(id);
+  // TODO: change strapi schema id to string
+  const { data, isFetching, isFetched, isError, isPlaceholderData } = useGetLayersId(Number(id));
 
   const attributes = data?.data?.attributes as LayerTyped;
   const source = attributes.config.source;