32 lines
845 B
TypeScript
32 lines
845 B
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { useTerminal } from "@/context/TerminalContext";
|
|
import { Play, Pause } from "lucide-react";
|
|
|
|
export default function DeployButtonModal() {
|
|
const { deploy } = useTerminal();
|
|
const [isDeploying, setIsDeploying] = useState(false);
|
|
|
|
const handleDeploy = () => {
|
|
if (isDeploying) {
|
|
console.log("Stopping deployment...");
|
|
} else {
|
|
console.log("Starting deployment...");
|
|
setIsDeploying(true);
|
|
deploy(() => {
|
|
setIsDeploying(false);
|
|
});
|
|
}
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<Button variant="outline" onClick={handleDeploy}>
|
|
{isDeploying ? <Pause className="w-4 h-4 mr-2" /> : <Play className="w-4 h-4 mr-2" />}
|
|
{isDeploying ? "Deploying" : "Deploy"}
|
|
</Button>
|
|
</>
|
|
);
|
|
} |