External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-24 02:46:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add site functionallity

Browse Source
This commit is contained in:
headlesdev 2025-05-18 12:04:31 +02:00
parent 460192e0ce
commit 668faa840f
1 changed files with 77 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
components/dialogues/AddSite.tsx
View File

@ -1,48 +1,86 @@
"use client";
import { useState } from "react";
import axios from "axios";
import ErrorToast from "@/components/Error";
import SuccessToast from "@/components/Success";
export default function AddSite() {
const [name, setName] = useState("");
const [description, setDescription] = useState("");
const [error, setError] = useState("");
const [success, setSuccess] = useState("");
const addSite = async () => {
try {
const response = await axios.post("/api/sites/add", { name, description });
if (response.status === 201) {
const site = response.data.site;
if (site) {
setName("");
setDescription("");
setSuccess("Site added successfully");
} else {
setError("No site received");
}
}
} catch (error: any) {
setError(error.response.data.error);
}
};
return (
<dialog id="add_site" className="modal">
<div className="modal-box w-2/3 max-w-2/3">
<div className="flex flex-col gap-4">
<header>
<h3 className="text-2xl font-semibold tracking-tight">Add New Site</h3>
<p className="text-sm text-gray-500 mt-1">Provide details for the new site location</p>
</header>
<div className="space-y-6">
<div className="form-control">
<label className="label">
<span className="label-text font-medium text-base">Site Name</span>
</label>
<input
type="text"
className="input input-bordered w-full focus:ring-2"
placeholder="e.g. Downtown Office"
/>
<div>
<dialog id="add_site" className="modal">
<div className="modal-box w-2/3 max-w-2/3">
<div className="flex flex-col gap-4">
<header>
<h3 className="text-2xl font-semibold tracking-tight">Add New Site</h3>
<p className="text-sm text-gray-500 mt-1">Provide details for the new site location</p>
</header>
<div className="space-y-6">
<div className="form-control">
<label className="label">
<span className="label-text font-medium text-base">Site Name</span>
</label>
<input
type="text"
className="input input-bordered w-full focus:ring-2"
placeholder="e.g. Downtown Office"
value={name}
onChange={(e) => setName(e.target.value)}
/>
</div>
<div className="form-control">
<label className="label">
<span className="label-text font-medium text-base">
Description
<span className="ml-2 text-sm font-normal text-gray-400">(optional)</span>
</span>
</label>
<textarea
className="textarea textarea-bordered w-full focus:ring-2"
placeholder="Enter a brief description..."
rows={4}
value={description}
onChange={(e) => setDescription(e.target.value)}
></textarea>
</div>
</div>
<div className="form-control">
<label className="label">
<span className="label-text font-medium text-base">
Description
<span className="ml-2 text-sm font-normal text-gray-400">(optional)</span>
</span>
</label>
<textarea
className="textarea textarea-bordered w-full focus:ring-2"
placeholder="Enter a brief description..."
rows={4}
></textarea>
<div className="modal-action flex justify-end">
<form method="dialog" className="flex gap-3">
<button className="btn btn-ghost">Cancel</button>
<button className="btn btn-primary px-6" onClick={addSite}>Add Site</button>
</form>
</div>
</div>
<div className="modal-action flex justify-end">
<form method="dialog" className="flex gap-3">
<button className="btn btn-ghost">Cancel</button>
<button className="btn btn-primary px-6">Add Site</button>
</form>
</div>
</div>
</div>
</dialog>
</dialog>
<ErrorToast message={error} show={error !== ''} onClose={() => setError('')} />
<SuccessToast message={success} show={success !== ''} onClose={() => setSuccess('')} />
</div>
)
}