From c644652e5f78696353daf03552511fa2a68618d9 Mon Sep 17 00:00:00 2001 From: Piotr Gawron <p.gawron@atcomp.pl> Date: Wed, 2 Oct 2024 15:25:37 +0200 Subject: [PATCH] adjust types to response after changing backend --- .../utils/useOverviewImageLinkActions.ts | 14 ++--- .../utils/useOverviewImageLinkElements.tsx | 2 +- src/models/mocks/overviewImageMocks.ts | 18 +++---- src/models/overviewImageLink.ts | 15 +++--- src/redux/project/project.mock.ts | 54 +++++++++---------- 5 files changed, 48 insertions(+), 55 deletions(-) diff --git a/src/components/FunctionalArea/Modal/OverviewImagesModal/utils/useOverviewImageLinkActions.ts b/src/components/FunctionalArea/Modal/OverviewImagesModal/utils/useOverviewImageLinkActions.ts index 3d0967ca..d69596ff 100644 --- a/src/components/FunctionalArea/Modal/OverviewImagesModal/utils/useOverviewImageLinkActions.ts +++ b/src/components/FunctionalArea/Modal/OverviewImagesModal/utils/useOverviewImageLinkActions.ts @@ -51,8 +51,8 @@ export const useOverviewImageLinkActions = (): UseOverviewImageLinkActionsResult const handleSetMapPosition = (link: OverviewImageLinkModel, model: MapModel): void => { const zoom = link.zoomLevel + model.minZoom; - const { x } = link.modelPoint; - const { y } = link.modelPoint; + const x = link.xCoord; + const y = link.yCoord; dispatch( setMapPosition({ @@ -64,7 +64,7 @@ export const useOverviewImageLinkActions = (): UseOverviewImageLinkActionsResult }; const onSubmapClick: OverviewImageLinkModelHandler = link => { - const modelId = link.modelLinkId; + const modelId = link.linkedModel; const model = getModelById(modelId); if (!model) { return; @@ -76,17 +76,17 @@ export const useOverviewImageLinkActions = (): UseOverviewImageLinkActionsResult }; const onImageClick: OverviewImageLinkImageHandler = link => { - const isImageAvailable = checkIfImageIsAvailable(link.imageLinkId); + const isImageAvailable = checkIfImageIsAvailable(link.linkedOverviewImage); if (!isImageAvailable) { return; } - dispatch(setOverviewImageId(link.imageLinkId)); + dispatch(setOverviewImageId(link.linkedOverviewImage)); }; const handleLinkClick: UseOverviewImageLinkActionsResult['handleLinkClick'] = link => { - const isImageLink = 'imageLinkId' in link; - const isModelLink = 'modelLinkId' in link; + const isImageLink = 'linkedOverviewImage' in link; + const isModelLink = 'linkedModel' in link; if (isImageLink) { return onImageClick(link); diff --git a/src/components/FunctionalArea/Modal/OverviewImagesModal/utils/useOverviewImageLinkElements.tsx b/src/components/FunctionalArea/Modal/OverviewImagesModal/utils/useOverviewImageLinkElements.tsx index 6e0150dc..47a5de36 100644 --- a/src/components/FunctionalArea/Modal/OverviewImagesModal/utils/useOverviewImageLinkElements.tsx +++ b/src/components/FunctionalArea/Modal/OverviewImagesModal/utils/useOverviewImageLinkElements.tsx @@ -18,7 +18,7 @@ export const useOverviewImageLinkConfigs = ({ if (!currentImage || sizeFactor === ZERO) return []; return currentImage.links.map(link => ({ - idObject: link.idObject, + idObject: link.id, size: getOverviewImageLinkSize(link, { sizeFactor }), onClick: () => handleLinkClick(link), })); diff --git a/src/models/mocks/overviewImageMocks.ts b/src/models/mocks/overviewImageMocks.ts index a86766b9..21571fc1 100644 --- a/src/models/mocks/overviewImageMocks.ts +++ b/src/models/mocks/overviewImageMocks.ts @@ -2,20 +2,18 @@ import { PROJECT_OVERVIEW_IMAGE_MOCK } from '@/redux/project/project.mock'; import { OverviewImageLinkImage, OverviewImageLinkModel } from '@/types/models'; export const OVERVIEW_LINK_IMAGE_MOCK: OverviewImageLinkImage = { - idObject: 1, + id: 1, polygon: [], - imageLinkId: PROJECT_OVERVIEW_IMAGE_MOCK.id, - type: 'OverviewImageLink', + linkedOverviewImage: PROJECT_OVERVIEW_IMAGE_MOCK.id, + // type: 'OverviewImageLink', }; export const OVERVIEW_LINK_MODEL_MOCK: OverviewImageLinkModel = { - idObject: 1, + id: 1, polygon: [], zoomLevel: 5, - modelPoint: { - x: 15570.0, - y: 3016.0, - }, - modelLinkId: 5053, - type: 'OverviewImageLink', + xCoord: 15570.0, + yCoord: 3016.0, + linkedModel: 5053, + // type: 'OverviewImageLink', }; diff --git a/src/models/overviewImageLink.ts b/src/models/overviewImageLink.ts index 6a36667a..6a57bdb0 100644 --- a/src/models/overviewImageLink.ts +++ b/src/models/overviewImageLink.ts @@ -2,19 +2,20 @@ import { z } from 'zod'; import { positionSchema } from './positionSchema'; export const overviewImageLinkImage = z.object({ - idObject: z.number(), + id: z.number(), polygon: z.array(positionSchema), - imageLinkId: z.number(), - type: z.string(), + linkedOverviewImage: z.number(), + // type: z.string(), }); export const overviewImageLinkModel = z.object({ - idObject: z.number(), + id: z.number(), polygon: z.array(positionSchema), zoomLevel: z.number(), - modelPoint: positionSchema, - modelLinkId: z.number(), - type: z.string(), + xCoord: z.number(), + yCoord: z.number(), + linkedModel: z.number(), + // type: z.string(), }); export const overviewImageLink = z.union([overviewImageLinkImage, overviewImageLinkModel]); diff --git a/src/redux/project/project.mock.ts b/src/redux/project/project.mock.ts index 1e3dc15a..a1edbd3b 100644 --- a/src/redux/project/project.mock.ts +++ b/src/redux/project/project.mock.ts @@ -16,7 +16,7 @@ export const PROJECT_OVERVIEW_IMAGE_MOCK: NonNullable<OverviewImageView> = { height: 4040, links: [ { - idObject: 2062, + id: 2062, polygon: [ { x: 515, @@ -36,15 +36,13 @@ export const PROJECT_OVERVIEW_IMAGE_MOCK: NonNullable<OverviewImageView> = { }, ], zoomLevel: 4, - modelPoint: { - x: 3473, - y: 5871, - }, - modelLinkId: 5053, - type: 'OverviewModelLink', + xCoord: 3473, + yCoord: 5871, + linkedModel: 5053, + // type: 'OverviewModelLink', }, { - idObject: 2063, + id: 2063, polygon: [ { x: 2410, @@ -63,11 +61,11 @@ export const PROJECT_OVERVIEW_IMAGE_MOCK: NonNullable<OverviewImageView> = { y: 1570, }, ], - imageLinkId: 435, - type: 'OverviewImageLink', + linkedOverviewImage: 435, + // type: 'OverviewImageLink', }, { - idObject: 2064, + id: 2064, polygon: [ { x: 2830, @@ -87,15 +85,13 @@ export const PROJECT_OVERVIEW_IMAGE_MOCK: NonNullable<OverviewImageView> = { }, ], zoomLevel: 5, - modelPoint: { - x: 8081, - y: 1240, - }, - modelLinkId: 5053, - type: 'OverviewModelLink', + xCoord: 8081, + yCoord: 1240, + linkedModel: 5053, + // type: 'OverviewModelLink', }, { - idObject: 2065, + id: 2065, polygon: [ { x: 3232, @@ -114,11 +110,11 @@ export const PROJECT_OVERVIEW_IMAGE_MOCK: NonNullable<OverviewImageView> = { y: 2456, }, ], - imageLinkId: 433, - type: 'OverviewImageLink', + linkedOverviewImage: 433, + // type: 'OverviewImageLink', }, { - idObject: 2066, + id: 2066, polygon: [ { x: 4205, @@ -138,15 +134,13 @@ export const PROJECT_OVERVIEW_IMAGE_MOCK: NonNullable<OverviewImageView> = { }, ], zoomLevel: 5, - modelPoint: { - x: 7488, - y: 11986, - }, - modelLinkId: 5053, - type: 'OverviewModelLink', + xCoord: 7488, + yCoord: 11986, + linkedModel: 5053, + // type: 'OverviewModelLink', }, { - idObject: 2067, + id: 2067, polygon: [ { x: 4960, @@ -165,8 +159,8 @@ export const PROJECT_OVERVIEW_IMAGE_MOCK: NonNullable<OverviewImageView> = { y: 2163, }, ], - imageLinkId: 434, - type: 'OverviewImageLink', + linkedOverviewImage: 434, + // type: 'OverviewImageLink', }, ], }; -- GitLab