Spaces:
Running
Running
File size: 2,463 Bytes
ec51066 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 |
import classNames from "classnames";
import { XIcon } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Page } from "@/types";
export function ListPagesItem({
page,
currentPage,
onSelectPage,
onDeletePage,
index,
}: {
page: Page;
currentPage: string;
onSelectPage: (path: string, newPath?: string) => void;
onDeletePage: (path: string) => void;
index: number;
}) {
return (
<div
key={index}
className={classNames(
"pl-6 pr-1 py-3 text-neutral-400 cursor-pointer text-sm hover:bg-neutral-900 flex items-center justify-center gap-1 group text-nowrap border-r border-neutral-800",
{
"bg-neutral-900 !text-white": currentPage === page.path,
"!pr-6": index === 0, // Ensure the first item has padding on the right
}
)}
onClick={() => onSelectPage(page.path)}
title={page.path}
>
{/* {index > 0 && (
<Button
size="iconXsss"
variant="ghost"
onClick={(e) => {
e.stopPropagation();
// open the window modal to edit the name page
let newName = window.prompt(
"Enter new name for the page:",
page.path
);
if (newName && newName.trim() !== "") {
newName = newName.toLowerCase();
if (!newName.endsWith(".html")) {
newName = newName.replace(/\.[^/.]+$/, "");
newName = newName.replace(/\s+/g, "-");
newName += ".html";
}
onSelectPage(page.path, newName);
} else {
window.alert("Page name cannot be empty.");
}
}}
>
<EditIcon className="!h-3.5 text-neutral-400 cursor-pointer hover:text-neutral-300" />
</Button>
)} */}
{page.path}
{index > 0 && (
<Button
size="iconXsss"
variant="ghost"
className="group-hover:opacity-100 opacity-0"
onClick={(e) => {
e.stopPropagation();
if (
window.confirm(
"Are you sure you want to delete this page? This action cannot be undone."
)
) {
onDeletePage(page.path);
}
}}
>
<XIcon className="h-3 text-neutral-400 cursor-pointer hover:text-neutral-300" />
</Button>
)}
</div>
);
}
|