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

Update page.tsx

Browse Source
This commit is contained in:
CanbiZ 2025-01-23 11:54:50 +01:00
parent ac49e1eca2
commit 1b5b3e11d0
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/category-view/page.tsx
View File

@ -7,6 +7,8 @@ import { Category } from "@/lib/types";
const defaultLogo = "/default-logo.png"; // Fallback logo path const defaultLogo = "/default-logo.png"; // Fallback logo path
const MAX_DESCRIPTION_LENGTH = 100; // Set max length for description
const CategoryView = () => { const CategoryView = () => {
const [categories, setCategories] = useState<Category[]>([]); const [categories, setCategories] = useState<Category[]>([]);
const [selectedCategory, setSelectedCategory] = useState<Category | null>(null); const [selectedCategory, setSelectedCategory] = useState<Category | null>(null);
@ -38,6 +40,12 @@ const CategoryView = () => {
setSelectedCategory(null); setSelectedCategory(null);
}; };
const truncateDescription = (text: string) => {
return text.length > MAX_DESCRIPTION_LENGTH
? `${text.slice(0, MAX_DESCRIPTION_LENGTH)}...`
: text;
};
return ( return (
<div className="p-4 mt-20"> <div className="p-4 mt-20">
{categories.length === 0 && ( {categories.length === 0 && (
@ -64,9 +72,11 @@ const CategoryView = () => {
<div> <div>
<h3 className="text-lg font-bold">{script.name}</h3> <h3 className="text-lg font-bold">{script.name}</h3>
<p className="text-sm text-gray-500">Created at: {script.date_created || "No date available"}</p> <p className="text-sm text-gray-500">Created at: {script.date_created || "No date available"}</p>
<p className="text-sm text-gray-700">
{truncateDescription(script.description || "No description available.")}
</p>
</div> </div>
</div> </div>
<p className="text-sm text-gray-700">{script.description || "No description available."}</p>
<div className="text-right text-sm text-gray-600"> <div className="text-right text-sm text-gray-600">
<b>Default settings</b> <b>Default settings</b>
<div><b>CPU:</b> {script.install_methods[0]?.resources.cpu || "N/A"}vCPU</div> <div><b>CPU:</b> {script.install_methods[0]?.resources.cpu || "N/A"}vCPU</div>