random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-12-22 18:32:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Styling and Items in SampleContainer openable

Browse Source
This commit is contained in:
Predrag Klepic
2023-07-11 14:38:37 +02:00
parent a4f2f96f11
commit 67c99c3c80
5 changed files with 41 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/Explorer/Tree/SampleDataTree.tsx
View File

@@ -1,8 +1,7 @@
import { useCommandBar } from "Explorer/Menus/CommandBar/CommandBarComponentAdapter";
import TabsBase from "Explorer/Tabs/TabsBase";
import { mostRecentActivity } from "Explorer/MostRecentActivity/MostRecentActivity";
import { useSelectedNode } from "Explorer/useSelectedNode";
import { userContext } from "UserContext";
import { getItemName } from "Utils/APITypeUtils";
import { useTabs } from "hooks/useTabs";
import React, { useEffect, useState } from "react";
import CosmosDBIcon from "../../../images/Azure-Cosmos-DB.svg";
import CollectionIcon from "../../../images/tree-collection.svg";
@@ -31,16 +30,16 @@ export const SampleDataTree = ({
isExpanded: false,
className: "sampleCollectionHeader",
contextMenu: ResourceTreeContextMenuButtonFactory.createSampleCollectionContextMenuButton(),
onClick: () => {
// Rewritten version of expandCollapseCollection
useSelectedNode.getState().setSelectedNode(sampleDataResourceTokenCollection);
useCommandBar.getState().setContextButtons([]);
useTabs().refreshActiveTab(
(tab: TabsBase) =>
tab.collection?.id() === sampleDataResourceTokenCollection.id() &&
tab.collection.databaseId === sampleDataResourceTokenCollection.databaseId
);
},
// onClick: () => {
// // Rewritten version of expandCollapseCollection
// useSelectedNode.getState().setSelectedNode(sampleDataResourceTokenCollection);
// useCommandBar.getState().setContextButtons([]);
// useTabs().refreshActiveTab(
// (tab: TabsBase) =>
// tab.collection?.id() === sampleDataResourceTokenCollection.id() &&
// tab.collection.databaseId === sampleDataResourceTokenCollection.databaseId
// );
// },
isSelected: () =>
useSelectedNode
.getState()
@@ -54,6 +53,21 @@ export const SampleDataTree = ({
label: getItemName(),
id: sampleDataResourceTokenCollection.isSampleCollection ? "sampleItems" : "",
contextMenu: ResourceTreeContextMenuButtonFactory.createSampleCollectionContextMenuButton(),
onClick: () => {
sampleDataResourceTokenCollection.onDocumentDBDocumentsClick(true, sampleDataResourceTokenCollection);
mostRecentActivity.collectionWasOpened(
userContext.databaseAccount?.id,
sampleDataResourceTokenCollection
);
},
isSelected: () =>
useSelectedNode
.getState()
.isDataNodeSelected(
sampleDataResourceTokenCollection.databaseId,
sampleDataResourceTokenCollection.id(),
[ViewModels.CollectionTabKind.Documents]
),
},
],
},