From 5f2de74f16b430f9e76bcdd6070c55922ce8f744 Mon Sep 17 00:00:00 2001
From: Nils Petter Fremming <35219649+nilscognite@users.noreply.github.com>
Date: Fri, 1 Nov 2024 12:47:43 +0100
Subject: [PATCH] Update Image360Details.tsx (#4840)

---
 .../Image360Details/Image360Details.tsx       | 23 -------------------
 1 file changed, 23 deletions(-)

diff --git a/react-components/src/components/Image360Details/Image360Details.tsx b/react-components/src/components/Image360Details/Image360Details.tsx
index 4e0f58a68f9..a1738ca38b1 100644
--- a/react-components/src/components/Image360Details/Image360Details.tsx
+++ b/react-components/src/components/Image360Details/Image360Details.tsx
@@ -6,7 +6,6 @@ import { useState, type ReactElement, useCallback, useEffect } from 'react';
 import styled from 'styled-components';
 import { Image360HistoricalDetails } from '../Image360HistoricalDetails/Image360HistoricalDetails';
 import { type Image360 } from '@cognite/reveal';
-import { Button, CloseLargeIcon } from '@cognite/cogs.js';
 import { useReveal } from '../RevealCanvas/ViewerContext';
 import { useImage360Collections } from '../../hooks/useImage360Collections';
 
@@ -26,10 +25,6 @@ export function Image360Details({ appLanguage }: Image360DetailsProps): ReactEle
     setEnteredEntity(undefined);
   }, [setEnteredEntity]);
 
-  const exitImage360Image = useCallback((): void => {
-    viewer.exit360Image();
-  }, [viewer]);
-
   const collections = useImage360Collections();
 
   useEffect(() => {
@@ -57,30 +52,12 @@ export function Image360Details({ appLanguage }: Image360DetailsProps): ReactEle
               fallbackLanguage={appLanguage}
             />
           </Image360HistoricalPanel>
-          <ExitButtonContainer>
-            <StyledExitButton icon=<CloseLargeIcon /> type="tertiary" onClick={exitImage360Image} />
-          </ExitButtonContainer>
         </>
       )}
     </>
   );
 }
 
-const StyledExitButton = styled(Button)`
-  border-radius: 8px;
-`;
-
-const ExitButtonContainer = styled.div`
-  position: absolute;
-  right: 20px;
-  top: 20px;
-  background-color: #ffffff;
-  height: 36px;
-  width: 36px;
-  border-radius: 8px;
-  outline: none;
-`;
-
 const Image360HistoricalPanel = styled.div<{ isExpanded: boolean }>`
   position: absolute;
   bottom: ${({ isExpanded }) => (isExpanded ? '0px' : '40px')};