page title

This commit is contained in:
Cypro Freelance 2024-08-01 20:32:06 +05:30
parent 41f190d5bf
commit 3db4004354
3 changed files with 50 additions and 38 deletions

View file

@ -38,19 +38,23 @@ const Page = ({ params }: { params: { slug: string } }) => {
}, [slug]);
if (loading) {
document.title = "Mods Change Logs - SVRJS";
return (
<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
<div className="mb-3">
<Skeleton className="w-[400px] h-[50px] rounded-md" />
</div>
<div className="flex flex-col gap-4">
<Skeleton className="w-[300px] h-[30px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
</div>
</section>
<>
<head>
<title>Mods Change Logs - SVRJS</title>
</head>
<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
<div className="mb-3">
<Skeleton className="w-[400px] h-[50px] rounded-md" />
</div>
<div className="flex flex-col gap-4">
<Skeleton className="w-[300px] h-[30px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
</div>
</section>
</>
);
}

View file

@ -54,19 +54,23 @@ const LogsPage: React.FC = () => {
const reversedDownloads = [...downloads].reverse();
if (loading) {
document.title = "Change Logs - SVRJS";
return (
<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
<div className="mb-3">
<Skeleton className="w-[400px] h-[50px] rounded-md" />
</div>
<div className="flex flex-col gap-4">
<Skeleton className="w-[300px] h-[30px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
</div>
</section>
<>
<head>
<title>Change Logs - SVRJS</title>
</head>
<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
<div className="mb-3">
<Skeleton className="w-[400px] h-[50px] rounded-md" />
</div>
<div className="flex flex-col gap-4">
<Skeleton className="w-[300px] h-[30px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
</div>
</section>
</>
);
}

View file

@ -37,7 +37,7 @@ const Vulnerabilities = () => {
if (response.ok) {
const data: Vulnerabilities[] = await response.json();
setDownloads(data);
document.title = "Vulnerabilities - SVRJS";
return (document.title = "Vulnerabilities - SVRJS");
} else {
throw new Error(`HTTP error! status: ${response.status}`);
}
@ -60,7 +60,7 @@ const Vulnerabilities = () => {
(mod) => mod.vulnerabilities && mod.vulnerabilities.trim() !== ""
);
setMods(filteredMods);
document.title = "Vulnerabilities - SVRJS";
return (document.title = "Vulnerabilities - SVRJS");
} else {
throw new Error(`HTTP error! status: ${response.status}`);
}
@ -86,19 +86,23 @@ const Vulnerabilities = () => {
const reversedMods = [...mods].reverse();
if (loading) {
document.title = "Vulnerabilities - SVRJS";
return (
<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
<div className="mb-3">
<Skeleton className="w-[400px] h-[50px] rounded-md" />
</div>
<div className="flex flex-col gap-4">
<Skeleton className="w-[300px] h-[30px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
</div>
</section>
<>
<head>
<title>Vulnerabilities - SVRJS</title>
</head>
<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
<div className="mb-3">
<Skeleton className="w-[400px] h-[50px] rounded-md" />
</div>
<div className="flex flex-col gap-4">
<Skeleton className="w-[300px] h-[30px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
<Skeleton className="w-[200px] h-[20px] rounded-md" />
</div>
</section>
</>
);
}