random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2024-11-24 22:46:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix Incorrect Image Links (#892)

Browse Source
This commit is contained in:
Steve Faulkner 2021-06-14 20:52:02 -05:00 committed by GitHub
parent 0c6324a4c1
commit 239c7edf7b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx
View File

@ -2,7 +2,11 @@ import { DetailsList, DetailsListLayoutMode, IColumn, Pivot, PivotItem, Selectio
import React, { Fragment } from "react"; import React, { Fragment } from "react";
import SplitterLayout from "react-splitter-layout"; import SplitterLayout from "react-splitter-layout";
import "react-splitter-layout/lib/index.css"; import "react-splitter-layout/lib/index.css";
import DownloadQueryMetrics from "../../../../images/DownloadQuery.svg";
import ExecuteQueryIcon from "../../../../images/ExecuteQuery.svg"; import ExecuteQueryIcon from "../../../../images/ExecuteQuery.svg";
import InfoColor from "../../../../images/info_color.svg";
import QueryEditorNext from "../../../../images/Query-Editor-Next.svg";
import RunQuery from "../../../../images/RunQuery.png";
import SaveQueryIcon from "../../../../images/save-cosmos.svg"; import SaveQueryIcon from "../../../../images/save-cosmos.svg";
import * as Constants from "../../../Common/Constants"; import * as Constants from "../../../Common/Constants";
import { NormalizedEventKey } from "../../../Common/Constants"; import { NormalizedEventKey } from "../../../Common/Constants";
@ -927,7 +931,7 @@ export default class QueryTabComponent extends React.Component<IQueryTabComponen
<div className="warningErrorContainer" aria-live="assertive"> <div className="warningErrorContainer" aria-live="assertive">
<div className="warningErrorContent"> <div className="warningErrorContent">
<span> <span>
<img className="paneErrorIcon" src="images/info_color.svg" alt="Error" /> <img className="paneErrorIcon" src={InfoColor} alt="Error" />
</span> </span>
<span className="warningErrorDetailsLinkContainer"> <span className="warningErrorDetailsLinkContainer">
We have detected you may be using a subquery. Non-correlated subqueries are not currently We have detected you may be using a subquery. Non-correlated subqueries are not currently
@ -956,7 +960,7 @@ export default class QueryTabComponent extends React.Component<IQueryTabComponen
!this.props.tabsBaseInstance.isExecuting() && ( !this.props.tabsBaseInstance.isExecuting() && (
<div className="queryEditorWatermark"> <div className="queryEditorWatermark">
<p> <p>
<img src="images/RunQuery.png" alt="Execute Query Watermark" /> <img src={RunQuery} alt="Execute Query Watermark" />
</p> </p>
<p className="queryEditorWatermarkText">Execute a query to see the results</p> <p className="queryEditorWatermarkText">Execute a query to see the results</p>
</div> </div>
@ -982,11 +986,7 @@ export default class QueryTabComponent extends React.Component<IQueryTabComponen
<span className="queryResultNextEnable"> <span className="queryResultNextEnable">
<a onClick={this.onFetchNextPageClick}> <a onClick={this.onFetchNextPageClick}>
<span>Load more</span> <span>Load more</span>
<img <img className="queryResultnextImg" src={QueryEditorNext} alt="Fetch next page" />
className="queryResultnextImg"
src="images/Query-Editor-Next.svg"
alt="Fetch next page"
/>
</a> </a>
</span> </span>
)} )}
@ -1043,7 +1043,7 @@ export default class QueryTabComponent extends React.Component<IQueryTabComponen
> >
<img <img
className="downloadCsvImg" className="downloadCsvImg"
src="images/DownloadQuery.svg" src={DownloadQueryMetrics}
alt="download query metrics csv" alt="download query metrics csv"
/> />
<span>Per-partition query metrics (CSV)</span> <span>Per-partition query metrics (CSV)</span>

14
src/Platform/Hosted/Components/ConnectExplorer.tsx
View File

@ -1,9 +1,11 @@
import * as React from "react";
import { useBoolean } from "@fluentui/react-hooks"; import { useBoolean } from "@fluentui/react-hooks";
import { HttpHeaders } from "../../../Common/Constants"; import * as React from "react";
import { GenerateTokenResponse } from "../../../Contracts/DataModels"; import ErrorImage from "../../../../images/error.svg";
import { configContext } from "../../../ConfigContext"; import ConnectImage from "../../../../images/HdeConnectCosmosDB.svg";
import { AuthType } from "../../../AuthType"; import { AuthType } from "../../../AuthType";
import { HttpHeaders } from "../../../Common/Constants";
import { configContext } from "../../../ConfigContext";
import { GenerateTokenResponse } from "../../../Contracts/DataModels";
import { isResourceTokenConnectionString } from "../Helpers/ResourceTokenUtils"; import { isResourceTokenConnectionString } from "../Helpers/ResourceTokenUtils";
interface Props { interface Props {
@ -28,7 +30,7 @@ export const ConnectExplorer: React.FunctionComponent<Props> = ({
<div className="connectExplorerFormContainer"> <div className="connectExplorerFormContainer">
<div className="connectExplorer"> <div className="connectExplorer">
<p className="connectExplorerContent"> <p className="connectExplorerContent">
<img src="images/HdeConnectCosmosDB.svg" alt="Azure Cosmos DB" /> <img src={ConnectImage} alt="Azure Cosmos DB" />
</p> </p>
<p className="welcomeText">Welcome to Azure Cosmos DB</p> <p className="welcomeText">Welcome to Azure Cosmos DB</p>
{isFormVisible ? ( {isFormVisible ? (
@ -68,7 +70,7 @@ export const ConnectExplorer: React.FunctionComponent<Props> = ({
}} }}
/> />
<span className="errorDetailsInfoTooltip" style={{ display: "none" }}> <span className="errorDetailsInfoTooltip" style={{ display: "none" }}>
<img className="errorImg" src="images/error.svg" alt="Error notification" /> <img className="errorImg" src={ErrorImage} alt="Error notification" />
<span className="errorDetails"></span> <span className="errorDetails"></span>
</span> </span>
</p> </p>