Replace the rest of VsCodeLink occurances

Author: tuan-nguen

extensions/ql-vscode/src/view/common/CodePaths/CodePaths.tsx

@@ -1,5 +1,5 @@
 import { styled } from "styled-components";
-import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
+import { Link } from "../Link";
 
 import type {
   AnalysisMessage,
@@ -8,7 +8,7 @@ import type {
 } from "../../../variant-analysis/shared/analysis-result";
 import { vscode } from "../../vscode-api";
 
-const ShowPathsLink = styled(VSCodeLink)`
+const ShowPathsLink = styled(Link)`
   cursor: pointer;
 `;
 

extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetMessage.tsx

@@ -1,5 +1,5 @@
 import { styled } from "styled-components";
-import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
+import { Link } from "../Link";
 
 import type {
   AnalysisMessage,
@@ -39,7 +39,7 @@ const CodeSnippetMessageContainer = styled.div<CodeSnippetMessageContainerProps>
   padding-bottom: 1em;
 `;
 
-const LocationLink = styled(VSCodeLink)`
+const LocationLink = styled(Link)`
   font-family: var(--vscode-editor-font-family);
 `;
 

extensions/ql-vscode/src/view/common/LinkIconButton.tsx

@@ -1,7 +1,7 @@
-import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 import { styled } from "styled-components";
+import { Link } from "./Link";
 
-export const LinkIconButton = styled(VSCodeLink)`
+export const LinkIconButton = styled(Link)`
   .codicon {
     vertical-align: text-bottom;
   }

extensions/ql-vscode/src/view/model-alerts/ModelAlertsResults.tsx

@@ -1,7 +1,7 @@
 import { styled } from "styled-components";
 import type { ModelAlerts } from "../../model-editor/model-alerts/model-alerts";
 import { Codicon } from "../common";
-import { VSCodeBadge, VSCodeLink } from "@vscode/webview-ui-toolkit/react";
+import { VSCodeBadge } from "@vscode/webview-ui-toolkit/react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { formatDecimal } from "../../common/number";
 import AnalysisAlertResult from "../variant-analysis/AnalysisAlertResult";
@@ -10,6 +10,7 @@ import { ModelDetails } from "./ModelDetails";
 import { vscode } from "../vscode-api";
 import { createModeledMethodKey } from "../../model-editor/modeled-method";
 import type { ModeledMethod } from "../../model-editor/modeled-method";
+import { Link } from "../common/Link";
 
 // This will ensure that these icons have a className which we can use in the TitleContainer
 const ExpandCollapseCodicon = styled(Codicon)``;
@@ -39,7 +40,7 @@ const ModelTypeText = styled.span`
   color: var(--vscode-descriptionForeground);
 `;
 
-const ViewLink = styled(VSCodeLink)`
+const ViewLink = styled(Link)`
   white-space: nowrap;
   padding: 0 0 0.25em 1em;
 `;

extensions/ql-vscode/src/view/model-editor/MethodRow.tsx

@@ -1,8 +1,4 @@
-import {
-  VSCodeBadge,
-  VSCodeButton,
-  VSCodeLink,
-} from "@vscode/webview-ui-toolkit/react";
+import { VSCodeBadge, VSCodeButton } from "@vscode/webview-ui-toolkit/react";
 import {
   forwardRef,
   useCallback,
@@ -13,6 +9,7 @@ import {
 } from "react";
 import { styled } from "styled-components";
 import { vscode } from "../vscode-api";
+import { Link } from "../common/Link";
 
 import type { Method } from "../../model-editor/method";
 import type { ModeledMethod } from "../../model-editor/modeled-method";
@@ -59,7 +56,7 @@ const UsagesButton = styled(VSCodeBadge)`
   cursor: pointer;
 `;
 
-const ViewLink = styled(VSCodeLink)`
+const ViewLink = styled(Link)`
   white-space: nowrap;
 `;
 

extensions/ql-vscode/src/view/model-editor/ModelEvaluation.tsx

@@ -1,11 +1,12 @@
 import { styled } from "styled-components";
-import { VSCodeButton, VSCodeLink } from "@vscode/webview-ui-toolkit/react";
+import { VSCodeButton } from "@vscode/webview-ui-toolkit/react";
 import type { ModeledMethod } from "../../model-editor/modeled-method";
 import type { ModelEditorViewState } from "../../model-editor/shared/view-state";
 import type { ModelEvaluationRunState } from "../../model-editor/shared/model-evaluation-run-state";
 import { modelEvaluationRunIsRunning } from "../../model-editor/shared/model-evaluation-run-state";
 import { ModelEditorProgressRing } from "./ModelEditorProgressRing";
 import { LinkIconButton } from "../common/LinkIconButton";
+import { Link } from "../common/Link";
 
 export type Props = {
   viewState: ModelEditorViewState;
@@ -17,7 +18,7 @@ export type Props = {
   evaluationRun: ModelEvaluationRunState | undefined;
 };
 
-const RunLink = styled(VSCodeLink)`
+const RunLink = styled(Link)`
   display: flex;
   align-items: center;
 `;