diff --git a/react-components/src/components/RevealToolbar/ResetCameraButton.tsx b/react-components/src/components/RevealToolbar/ResetCameraButton.tsx index 1407e6636db..7458076938e 100644 --- a/react-components/src/components/RevealToolbar/ResetCameraButton.tsx +++ b/react-components/src/components/RevealToolbar/ResetCameraButton.tsx @@ -7,6 +7,7 @@ import { Button, Tooltip as CogsTooltip } from '@cognite/cogs.js'; import { useTranslation } from '../i18n/I18n'; import { useCameraNavigation } from '../../hooks/useCameraNavigation'; import { useSceneDefaultCamera } from '../../hooks/useSceneDefaultCamera'; +import { useReveal } from '../RevealCanvas/ViewerContext'; type ResetCameraButtonProps = { sceneExternalId?: string; @@ -18,16 +19,20 @@ export const ResetCameraButton = ({ sceneSpaceId }: ResetCameraButtonProps): ReactElement => { const { t } = useTranslation(); + const viewer = useReveal(); const cameraNavigation = useCameraNavigation(); const resetToDefaultSceneCamera = useSceneDefaultCamera(sceneExternalId, sceneSpaceId); const resetCameraToHomePosition = useCallback(() => { + if (viewer.get360ImageCollections() !== undefined) { + viewer.exit360Image(); + } if (sceneExternalId !== undefined && sceneSpaceId !== undefined) { resetToDefaultSceneCamera.fitCameraToSceneDefault(); return; } cameraNavigation.fitCameraToAllModels(); - }, [sceneExternalId, sceneSpaceId, cameraNavigation, resetToDefaultSceneCamera]); + }, [sceneExternalId, sceneSpaceId, cameraNavigation, resetToDefaultSceneCamera, viewer]); return ( { highQualitySettings={props.highFidelitySettings} /> + ); };