random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2024-11-25 06:56:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Empty coumnheader has been given the icon with name of description (#1718)

Browse Source
This commit is contained in:
MokireddySampath 2024-01-23 13:28:13 +05:30 committed by GitHub
parent eb790d09b5
commit f496220ed6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Explorer/Tabs/QueryTab/QueryResultSection.tsx
View File

@ -3,13 +3,13 @@ import {
DetailsListLayoutMode, DetailsListLayoutMode,
IColumn, IColumn,
Icon, Icon,
IconButton,
Link, Link,
Pivot, Pivot,
PivotItem, PivotItem,
SelectionMode, SelectionMode,
Stack, Stack,
Text, Text,
IconButton,
TooltipHost, TooltipHost,
} from "@fluentui/react"; } from "@fluentui/react";
import { HttpHeaders, NormalizedEventKey } from "Common/Constants"; import { HttpHeaders, NormalizedEventKey } from "Common/Constants";
@ -18,15 +18,15 @@ import { QueryMetrics } from "Contracts/DataModels";
import { EditorReact } from "Explorer/Controls/Editor/EditorReact"; import { EditorReact } from "Explorer/Controls/Editor/EditorReact";
import { IDocument } from "Explorer/Tabs/QueryTab/QueryTabComponent"; import { IDocument } from "Explorer/Tabs/QueryTab/QueryTabComponent";
import { userContext } from "UserContext"; import { userContext } from "UserContext";
import copy from "clipboard-copy";
import { useNotificationConsole } from "hooks/useNotificationConsole"; import { useNotificationConsole } from "hooks/useNotificationConsole";
import React from "react"; import React from "react";
import CopilotCopy from "../../../../images/CopilotCopy.svg";
import DownloadQueryMetrics from "../../../../images/DownloadQuery.svg"; import DownloadQueryMetrics from "../../../../images/DownloadQuery.svg";
import QueryEditorNext from "../../../../images/Query-Editor-Next.svg"; import QueryEditorNext from "../../../../images/Query-Editor-Next.svg";
import RunQuery from "../../../../images/RunQuery.png"; import RunQuery from "../../../../images/RunQuery.png";
import InfoColor from "../../../../images/info_color.svg"; import InfoColor from "../../../../images/info_color.svg";
import { QueryResults } from "../../../Contracts/ViewModels"; import { QueryResults } from "../../../Contracts/ViewModels";
import copy from "clipboard-copy";
import CopilotCopy from "../../../../images/CopilotCopy.svg";
interface QueryResultProps { interface QueryResultProps {
isMongoDB: boolean; isMongoDB: boolean;
@ -62,9 +62,12 @@ export const QueryResultSection: React.FC<QueryResultProps> = ({
const columns: IColumn[] = [ const columns: IColumn[] = [
{ {
key: "column1", key: "column1",
name: "", name: "Description",
iconName: "Info",
isIconOnly: true,
minWidth: 10, minWidth: 10,
maxWidth: 12, maxWidth: 12,
iconClassName: "iconheadercell",
data: String, data: String,
fieldName: "", fieldName: "",
onRender: (item: IDocument) => { onRender: (item: IDocument) => {

6
src/Explorer/Tabs/QueryTab/QueryTabComponent.less
View File

@ -91,9 +91,6 @@
div[role="tabpanel"] { div[role="tabpanel"] {
height: 100%; height: 100%;
div:nth-child(1) {
height: 100%;
}
} }
.result-metadata { .result-metadata {
@ -283,3 +280,6 @@
} }
} }
} }
.iconheadercell {
font-size: 12px;
}