diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx index 4e7a79909..c8004fe80 100644 --- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx +++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx @@ -55,6 +55,7 @@ import DeleteDocumentIcon from "../../../../images/DeleteDocument.svg"; import NewDocumentIcon from "../../../../images/NewDocument.svg"; import UploadIcon from "../../../../images/Upload_16x16.svg"; import DiscardIcon from "../../../../images/discard.svg"; +import RefreshIcon from "../../../../images/refresh-cosmos.svg"; import SaveIcon from "../../../../images/save-cosmos.svg"; import * as Constants from "../../../Common/Constants"; import * as HeadersUtility from "../../../Common/HeadersUtility"; @@ -131,6 +132,14 @@ export const useDocumentsTabStyles = makeStyles({ backgroundColor: "white", zIndex: 1, }, + refreshBtn: { + position: "absolute", + top: "3px", + right: "4px", + float: "right", + zIndex: 1, + backgroundColor: "transparent", + }, deleteProgressContent: { paddingTop: tokens.spacingVerticalL, }, @@ -2144,6 +2153,19 @@ export const DocumentsTabComponent: React.FunctionComponent + {!isPreferredApiMongoDB && + tableContainerSizePx?.width >= calculateOffset(selectedColumnIds.length) + 200 && ( +
refreshDocumentsGrid(false)} + aria-label="Refresh" + tabIndex={0} + > + Refresh +
+ )} {tableItems.length > 0 && (