mrva/vscode-codeql
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Use VSCodeBadge component (#3462)

Browse Source
This commit is contained in:
Shati Patel
2024-03-13 10:12:48 +00:00
committed by GitHub
parent eb1a5cfba3
commit 3005dacf4e
2 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,5 @@
import {
VSCodeBadge,
VSCodeButton,
VSCodeLink,
VSCodeProgressRing,
@@ -57,11 +58,7 @@ const ModelButtonsContainer = styled.div`
gap: 1em;
`;
const UsagesButton = styled.button`
color: var(--vscode-editor-foreground);
background-color: var(--vscode-input-background);
border: none;
border-radius: 40%;
const UsagesButton = styled(VSCodeBadge)`
cursor: pointer;
`;

9
extensions/ql-vscode/src/view/model-editor/ModelAlertsIndicator.tsx
View File

@@ -2,12 +2,9 @@ import { styled } from "styled-components";
import type { ModeledMethod } from "../../model-editor/modeled-method";
import type { ModelEvaluationRunState } from "../../model-editor/shared/model-evaluation-run-state";
import type { ModelEditorViewState } from "../../model-editor/shared/view-state";
import { VSCodeBadge } from "@vscode/webview-ui-toolkit/react";
const ModelAlertsButton = styled.button`
color: var(--vscode-editor-foreground);
background-color: var(--vscode-input-background);
border: none;
border-radius: 40%;
const ModelAlertsButton = styled(VSCodeBadge)`
cursor: pointer;
`;
@@ -36,6 +33,8 @@ export const ModelAlertsIndicator = ({
return (
<ModelAlertsButton
role="button"
aria-label="Model alerts"
onClick={(event: React.MouseEvent) => {
event.stopPropagation();
}}