Update src/components/deploy-button/deploy-button.tsx

src/components/deploy-button/deploy-button.tsx

@@ -104,6 +104,18 @@ function DeployButton({
           </p>
         </>
       )}
+      <button
+        className={classNames(
+          "relative cursor-pointer flex-none flex items-center justify-center rounded-md text-xs lg:text-sm font-semibold leading-5 lg:leading-6 py-1.5 px-5 hover:bg-pink-400 text-white shadow-sm dark:shadow-highlight/20",
+          {
+            "bg-pink-400": open,
+            "bg-pink-500": !open,
+          }
+        )}
+        onClick={() => setOpen(!open)}
+      >
+        {path ? "Update Space" : "Deploy to Space"}
+      </button>
       <div
         className={classNames(
           "h-screen w-screen bg-black/20 fixed left-0 top-0 z-10",
@@ -193,4 +205,4 @@ function DeployButton({
   );
 }
 
-export default DeployButton;
+export default DeployButton;