Add unsaved tag on method modeling panel (#2867)

This commit is contained in:
Charis Kyriakou
2023-09-26 20:17:16 +01:00
committed by GitHub
parent 42192fa922
commit c6996771ab

View File

@@ -6,6 +6,7 @@ import { Method } from "../../model-editor/method";
import { MethodName } from "../model-editor/MethodName"; import { MethodName } from "../model-editor/MethodName";
import { ModeledMethod } from "../../model-editor/modeled-method"; import { ModeledMethod } from "../../model-editor/modeled-method";
import { MethodModelingInputs } from "./MethodModelingInputs"; import { MethodModelingInputs } from "./MethodModelingInputs";
import { VSCodeTag } from "@vscode/webview-ui-toolkit/react";
const Container = styled.div` const Container = styled.div`
padding: 0.3rem; padding: 0.3rem;
@@ -17,6 +18,8 @@ const Title = styled.div`
padding-bottom: 0.3rem; padding-bottom: 0.3rem;
font-size: 0.7rem; font-size: 0.7rem;
text-transform: uppercase; text-transform: uppercase;
display: flex;
justify-content: space-between;
`; `;
const DependencyContainer = styled.div` const DependencyContainer = styled.div`
@@ -48,6 +51,7 @@ export const MethodModeling = ({
<Title> <Title>
{method.packageName} {method.packageName}
{method.libraryVersion && <>@{method.libraryVersion}</>} {method.libraryVersion && <>@{method.libraryVersion}</>}
{modelingStatus === "unsaved" ? <VSCodeTag>Unsaved</VSCodeTag> : null}
</Title> </Title>
<DependencyContainer> <DependencyContainer>
<ModelingStatusIndicator status={modelingStatus} /> <ModelingStatusIndicator status={modelingStatus} />