From be7efdd8d48dfe8885b4af2ff5c4dae99c04461f Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Tue, 28 Feb 2023 07:16:23 +0800
Subject: [PATCH] chore: update dialog buttons

---
 web/src/components/CreateShortcutDialog.tsx  | 17 +++++++++++++----
 web/src/components/CreateWorkspaceDialog.tsx |  5 ++++-
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/web/src/components/CreateShortcutDialog.tsx b/web/src/components/CreateShortcutDialog.tsx
index 00a64e0..55797cc 100644
--- a/web/src/components/CreateShortcutDialog.tsx
+++ b/web/src/components/CreateShortcutDialog.tsx
@@ -115,7 +115,9 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
         </div>
         <div>
           <div className="w-full flex flex-col justify-start items-start mb-3">
-            <span className="mb-2">Name</span>
+            <span className="mb-2">
+              Name <span className="text-red-600">*</span>
+            </span>
             <Input
               className="w-full"
               type="text"
@@ -125,7 +127,9 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
             />
           </div>
           <div className="w-full flex flex-col justify-start items-start mb-3">
-            <span className="mb-2">Link</span>
+            <span className="mb-2">
+              Link <span className="text-red-600">*</span>
+            </span>
             <Input
               className="w-full"
               type="text"
@@ -145,7 +149,9 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
             />
           </div>
           <div className="w-full flex flex-col justify-start items-start mb-3">
-            <span className="mb-2">Visibility</span>
+            <span className="mb-2">
+              Visibility <span className="text-red-600">*</span>
+            </span>
             <div className="w-full flex flex-row justify-start items-center text-base">
               <RadioGroup orientation="horizontal" value={state.shortcutCreate.visibility} onChange={handleVisibilityInputChange}>
                 <Radio value="PRIVATE" label="Private" />
@@ -154,7 +160,10 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
               </RadioGroup>
             </div>
           </div>
-          <div className="w-full flex flex-row justify-end items-center">
+          <div className="w-full flex flex-row justify-end items-center mt-4 space-x-2">
+            <Button color="neutral" variant="plain" disabled={requestState.isLoading} loading={requestState.isLoading} onClick={onClose}>
+              Cancel
+            </Button>
             <Button color="primary" disabled={requestState.isLoading} loading={requestState.isLoading} onClick={handleSaveBtnClick}>
               Save
             </Button>
diff --git a/web/src/components/CreateWorkspaceDialog.tsx b/web/src/components/CreateWorkspaceDialog.tsx
index 25b0d11..ac72a96 100644
--- a/web/src/components/CreateWorkspaceDialog.tsx
+++ b/web/src/components/CreateWorkspaceDialog.tsx
@@ -126,7 +126,10 @@ const CreateWorkspaceDialog: React.FC<Props> = (props: Props) => {
               onChange={(e) => handleInputChange(e, "description")}
             />
           </div>
-          <div className="w-full flex flex-row justify-end items-center">
+          <div className="w-full flex flex-row justify-end items-center mt-4 space-x-2">
+            <Button color="neutral" variant="plain" disabled={requestState.isLoading} loading={requestState.isLoading} onClick={onClose}>
+              Cancel
+            </Button>
             <Button color="primary" disabled={requestState.isLoading} loading={requestState.isLoading} onClick={handleSaveBtnClick}>
               Save
             </Button>