martin/ProxmoxVE
1
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE synced 2025-01-25 18:16:17 +00:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

Add NEXT_PUBLIC_BUILD_TIME to config and append timestamp to API requests for fresh category data retrieval

Browse Source
This commit is contained in:
Bram Suurd 2024-11-05 00:14:19 +01:00
parent 4ca45042cc
commit 63aa8e2aa8
3 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/next.config.mjs
View File

@ -14,6 +14,10 @@ const nextConfig = {
], ],
}, },
env: {
NEXT_PUBLIC_BUILD_TIME: Date.now(),
},
output: "export", output: "export",
basePath: "/ProxmoxVE", basePath: "/ProxmoxVE",
}; };

16
frontend/src/app/scripts/page.tsx
View File

@ -47,13 +47,15 @@ function ScriptContent() {
}; };
useEffect(() => { useEffect(() => {
fetch("api/categories") fetch(
.then((response) => response.json()) `/api/categories?_=${process.env.NEXT_PUBLIC_BUILD_TIME || Date.now()}`,
.then((categories) => { )
const sortedCategories = sortCategories(categories); .then((response) => response.json())
setLinks(sortedCategories); .then((categories) => {
}) const sortedCategories = sortCategories(categories);
.catch((error) => console.error(error)); setLinks(sortedCategories);
})
.catch((error) => console.error(error));
}, []); }, []);
return ( return (

24
frontend/src/components/CommandMenu.tsx
View File

@ -52,17 +52,19 @@ export default function CommandMenu() {
const fetchCategories = async () => { const fetchCategories = async () => {
setIsLoading(true); setIsLoading(true);
fetch("api/categories") fetch(
.then((response) => response.json()) `/api/categories?_=${process.env.NEXT_PUBLIC_BUILD_TIME || Date.now()}`,
.then((categories) => { )
const sortedCategories = sortCategories(categories); .then((response) => response.json())
setLinks(sortedCategories); .then((categories) => {
setIsLoading(false); const sortedCategories = sortCategories(categories);
}) setLinks(sortedCategories);
.catch((error) => { setIsLoading(false);
setIsLoading(false); })
console.error(error) .catch((error) => {
}); setIsLoading(false);
console.error(error);
});
}; };
return ( return (