feat: initial commit

components/dashboard/mongo/general/show-general-mongo.tsx

@@ -0,0 +1,48 @@
+import React from "react";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { api } from "@/utils/api";
+import { StopMongo } from "./stop-mongo";
+import { StartMongo } from "../start-mongo";
+import { DockerTerminalModal } from "../../settings/web-server/docker-terminal-modal";
+import { Terminal } from "lucide-react";
+import { DeployMongo } from "./deploy-mongo";
+import { ResetMongo } from "./reset-mongo";
+interface Props {
+	mongoId: string;
+}
+
+export const ShowGeneralMongo = ({ mongoId }: Props) => {
+	const { data } = api.mongo.one.useQuery(
+		{
+			mongoId,
+		},
+		{ enabled: !!mongoId },
+	);
+	return (
+		<>
+			<div className="flex w-full flex-col gap-5 ">
+				<Card className="bg-background">
+					<CardHeader>
+						<CardTitle className="text-xl">Deploy Settings</CardTitle>
+					</CardHeader>
+					<CardContent className="flex flex-row gap-4 flex-wrap">
+						<DeployMongo mongoId={mongoId} />
+						<ResetMongo mongoId={mongoId} appName={data?.appName || ""} />
+						{data?.applicationStatus === "idle" ? (
+							<StartMongo mongoId={mongoId} />
+						) : (
+							<StopMongo mongoId={mongoId} />
+						)}
+						<DockerTerminalModal appName={data?.appName || ""}>
+							<Button variant="outline">
+								<Terminal />
+								Open Terminal
+							</Button>
+						</DockerTerminalModal>
+					</CardContent>
+				</Card>
+			</div>
+		</>
+	);
+};