External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-17 15:36:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refresh Sites on add

Browse Source
This commit is contained in:
headlesdev 2025-05-18 12:50:56 +02:00
parent 911eec0c90
commit 05e61ae428
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/dashboard/sites/SitesPage.tsx
View File

@ -4,7 +4,7 @@ import { Plus } from "lucide-react";
import AddSite from "@/components/dialogues/AddSite";
import Sites from "@/components/cards/Sites";
import axios from "axios";
import { useEffect, useState } from "react";
import { useEffect, useState, useCallback } from "react";
import Pagination from "@/components/Pagination";
interface SitesPageProps {
@ -12,7 +12,6 @@ interface SitesPageProps {
name: string;
}
export default function SitesPage({ username, name }: SitesPageProps) {
const [sites, setSites] = useState([]);
const [currentPage, setCurrentPage] = useState(1);
@ -23,7 +22,8 @@ export default function SitesPage({ username, name }: SitesPageProps) {
const handlePageChange = (page: number) => {
setCurrentPage(page);
};
useEffect(() => {
const loadSites = useCallback(() => {
axios.get('/api/sites/get_all', {
params: {
currentPage,
@ -35,7 +35,11 @@ export default function SitesPage({ username, name }: SitesPageProps) {
setTotal(response.data.total);
});
}, [currentPage, itemPerPage, search]);
useEffect(() => {
loadSites();
}, [loadSites]);
return (
<Sidebar
username={username}
@ -53,7 +57,7 @@ export default function SitesPage({ username, name }: SitesPageProps) {
Add Site
</button>
</div>
<AddSite />
<AddSite onSiteAdded={loadSites} />
<div className="flex gap-2 items-center pt-4">
<input type="text" placeholder="Search..." className="input input-bordered w-full" onChange={(e) => setSearch(e.target.value)} />

14
components/dialogues/AddSite.tsx
View File

@ -5,7 +5,11 @@ import axios from "axios";
import ErrorToast from "@/components/Error";
import SuccessToast from "@/components/Success";
export default function AddSite() {
interface AddSiteProps {
onSiteAdded?: () => void;
}
export default function AddSite({ onSiteAdded }: AddSiteProps) {
const [name, setName] = useState("");
const [description, setDescription] = useState("");
const [error, setError] = useState("");
@ -20,6 +24,14 @@ export default function AddSite() {
setName("");
setDescription("");
setSuccess("Site added successfully");
document.getElementById('add_site')?.querySelector('form')?.dispatchEvent(
new Event('submit', { cancelable: true })
);
if (onSiteAdded) {
onSiteAdded();
}
} else {
setError("No site received");
}