Register application
This commit is contained in:
+5
-23
@@ -1,6 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import { useState, ReactNode, useEffect } from "react";
|
||||
import { useState, ReactNode } from "react";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import {
|
||||
Dialog,
|
||||
@@ -15,22 +15,19 @@ import { Input } from "@/components/ui/input";
|
||||
import { Label } from "@/components/ui/label";
|
||||
import { getLiveNodes } from "@/lib/dockship/node";
|
||||
import { Combobox } from "../ui/combobox";
|
||||
import { Node, NodeLiveData } from "@/lib/types";
|
||||
import { installApp } from "@/lib/dockship/application";
|
||||
import { registerApp } from "@/lib/dockship/application";
|
||||
import { useAsync } from "@/hooks/use-async";
|
||||
|
||||
export default function InstallApplicationDialog({
|
||||
export default function RegisterAppDialog({
|
||||
children,
|
||||
}: {
|
||||
children: ReactNode;
|
||||
}) {
|
||||
const { value: nodes } = useAsync([], getLiveNodes);
|
||||
const [name, setName] = useState("");
|
||||
const [repo, setRepo] = useState("");
|
||||
const [node, setNode] = useState("");
|
||||
|
||||
const deploy = async () => {
|
||||
console.log(await installApp(name, repo, node));
|
||||
console.log(await registerApp(name, repo));
|
||||
};
|
||||
|
||||
return (
|
||||
@@ -39,7 +36,7 @@ export default function InstallApplicationDialog({
|
||||
|
||||
<DialogContent className="sm:max-w-106.25">
|
||||
<DialogHeader>
|
||||
<DialogTitle>Install Application</DialogTitle>
|
||||
<DialogTitle>Register Application</DialogTitle>
|
||||
</DialogHeader>
|
||||
|
||||
<div className="grid gap-4">
|
||||
@@ -66,21 +63,6 @@ export default function InstallApplicationDialog({
|
||||
placeholder="https://github.com/me/myrepo.git"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="grid gap-3">
|
||||
<Label htmlFor="node">
|
||||
Node <span className="text-destructive">*</span>
|
||||
</Label>
|
||||
<Combobox
|
||||
value={node}
|
||||
setValue={setNode}
|
||||
data={nodes
|
||||
.filter((node) => node.liveData)
|
||||
.map((node) => ({ label: node.name, value: node.node_id }))}
|
||||
placeholder="Select Node..."
|
||||
listPlaceholder="No nodes found :("
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<DialogFooter>
|
||||
Reference in New Issue
Block a user