From c6996771ab391161a678585e8c2bd44f2d7a74e3 Mon Sep 17 00:00:00 2001
From: Charis Kyriakou <charisk@users.noreply.github.com>
Date: Tue, 26 Sep 2023 20:17:16 +0100
Subject: [PATCH] Add unsaved tag on method modeling panel (#2867)

---
 .../ql-vscode/src/view/method-modeling/MethodModeling.tsx     | 4 ++++
 1 file changed, 4 insertions(+)

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