Remove redundant docviewer button component (#885)

ScottLogic · Mar 28, 2024 · c00b4ee · c00b4ee
1 parent 17ec740
commit c00b4ee
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 34 deletions.
diff --git a/frontend/src/components/ControlPanel/ControlPanel.css b/frontend/src/components/ControlPanel/ControlPanel.css
@@ -50,3 +50,8 @@
 .control-panel .config-container > .details-content {
 	margin: 0;
 }
+
+.control-panel .document-view-button {
+	width: 100%;
+	height: 2.5rem;
+}
diff --git a/frontend/src/components/ControlPanel/ControlPanel.tsx b/frontend/src/components/ControlPanel/ControlPanel.tsx
@@ -1,8 +1,8 @@
 import { DEFENCES_HIDDEN_LEVEL3_IDS, MODEL_DEFENCES } from '@src/Defences';
 import DefenceBox from '@src/components/DefenceBox/DefenceBox';
-import DocumentViewButton from '@src/components/DocumentViewer/DocumentViewButton';
 import ModelBox from '@src/components/ModelBox/ModelBox';
 import DetailElement from '@src/components/ThemedButtons/DetailElement';
+import ThemedButton from '@src/components/ThemedButtons/ThemedButton';
 import { ChatMessage, ChatModel } from '@src/models/chat';
 import {
 	DEFENCE_ID,
@@ -112,7 +112,12 @@ function ControlPanel({
 
 			{/* only show document viewer button in sandbox mode */}
 			{currentLevel === LEVEL_NAMES.SANDBOX && (
-				<DocumentViewButton openDocumentViewer={openDocumentViewer} />
+				<ThemedButton
+					className="document-view-button"
+					onClick={openDocumentViewer}
+				>
+					View Documents
+				</ThemedButton>
 			)}
 		</div>
 	);

diff --git a/frontend/src/components/DocumentViewer/DocumentViewButton.css b/frontend/src/components/DocumentViewer/DocumentViewButton.css
diff --git a/frontend/src/components/DocumentViewer/DocumentViewButton.tsx b/frontend/src/components/DocumentViewer/DocumentViewButton.tsx