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

Center align model evaluation run link (#3488)

Browse Source
This commit is contained in:
Charis Kyriakou
2024-03-18 13:56:51 +00:00
committed by GitHub
parent 79d4e8cb78
commit 46efb7c971
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,3 +1,4 @@
import { styled } from "styled-components";
import { VSCodeButton, VSCodeLink } from "@vscode/webview-ui-toolkit/react"; import { VSCodeButton, VSCodeLink } from "@vscode/webview-ui-toolkit/react";
import type { ModeledMethod } from "../../model-editor/modeled-method"; import type { ModeledMethod } from "../../model-editor/modeled-method";
import type { ModelEditorViewState } from "../../model-editor/shared/view-state"; import type { ModelEditorViewState } from "../../model-editor/shared/view-state";
@@ -16,6 +17,11 @@ export type Props = {
evaluationRun: ModelEvaluationRunState | undefined; evaluationRun: ModelEvaluationRunState | undefined;
}; };
const RunLink = styled(VSCodeLink)`
display: flex;
align-items: center;
`;
export const ModelEvaluation = ({ export const ModelEvaluation = ({
viewState, viewState,
modeledMethods, modeledMethods,
@@ -61,12 +67,12 @@ export const ModelEvaluation = ({
</VSCodeButton> </VSCodeButton>
)} )}
{shouldShowEvaluationRunLink && ( {shouldShowEvaluationRunLink && (
<VSCodeLink> <RunLink>
<LinkIconButton onClick={openModelAlertsView}> <LinkIconButton onClick={openModelAlertsView}>
<span slot="end" className="codicon codicon-link-external"></span> <span slot="end" className="codicon codicon-link-external"></span>
Evaluation run Evaluation run
</LinkIconButton> </LinkIconButton>
</VSCodeLink> </RunLink>
)} )}
</> </>
); );