turkey/cv4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Breadcrumb Fix

Browse Source
This commit is contained in:
User
2024-12-28 17:16:05 -05:00
parent 6e8d2023b7
commit 55414d56a4
3 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/Pages/Comic/Favourites.jsx
View File

@@ -70,7 +70,7 @@ export default function Favourites({ auth, favourites }) {
return ( return (
<AppLayout auth={ auth } header={ <AppLayout auth={ auth } header={
<> <>
<BreadcrumbSeparator /> <BreadcrumbSeparator className="hidden lg:block" />
<BreadcrumbItem> <BreadcrumbItem>
<BreadcrumbPage>Favourites</BreadcrumbPage> <BreadcrumbPage>Favourites</BreadcrumbPage>
</BreadcrumbItem> </BreadcrumbItem>

18
resources/js/Pages/Comic/Histories.jsx
View File

@@ -24,6 +24,18 @@ export default function Histories({ auth, histories }) {
} }
} }
const datetimeConversion = (iso8601) => {
const date = new Date(iso8601);
const year = date.getUTCFullYear();
const month = String(date.getUTCMonth() + 1).padStart(2, '0'); // Months are 0-based
const day = String(date.getUTCDate()).padStart(2, '0');
const hours = String(date.getUTCHours()).padStart(2, '0');
const minutes = String(date.getUTCMinutes()).padStart(2, '0');
return `${year}-${month}-${day} ${hours}:${minutes}`;
}
const deleteButtonOnClickHandler = () => { const deleteButtonOnClickHandler = () => {
router.visit(route('comics.destroyHistories'), { router.visit(route('comics.destroyHistories'), {
data: (ids.length > 0) ? { ids: ids } : { ids: 'all' }, data: (ids.length > 0) ? { ids: ids } : { ids: 'all' },
@@ -41,7 +53,7 @@ export default function Histories({ auth, histories }) {
return ( return (
<AppLayout auth={ auth } header={ <AppLayout auth={ auth } header={
<> <>
<BreadcrumbSeparator /> <BreadcrumbSeparator className="hidden lg:block" />
<BreadcrumbItem> <BreadcrumbItem>
<BreadcrumbPage>Histories</BreadcrumbPage> <BreadcrumbPage>Histories</BreadcrumbPage>
</BreadcrumbItem> </BreadcrumbItem>
@@ -62,7 +74,7 @@ export default function Histories({ auth, histories }) {
<TableHead>Select</TableHead> <TableHead>Select</TableHead>
<TableHead>Chapter</TableHead> <TableHead>Chapter</TableHead>
<TableHead>Comic</TableHead> <TableHead>Comic</TableHead>
<TableHead>Read at</TableHead> <TableHead className="hidden lg:block">Read at</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
<TableBody> <TableBody>
@@ -85,7 +97,7 @@ export default function Histories({ auth, histories }) {
{ h.comic.name } { h.comic.name }
</Link> </Link>
</TableCell> </TableCell>
<TableCell>{ h.created_at }</TableCell> <TableCell className="hidden lg:block">{ datetimeConversion(h.created_at) }</TableCell>
</TableRow> </TableRow>
)) } )) }
</TableBody> </TableBody>

20
resources/js/Pages/Comic/Read.jsx
View File

@@ -258,17 +258,15 @@ export default function Read({ auth, comic, chapter }) {
return ( return (
<AppLayout auth={ auth } header={ <AppLayout auth={ auth } header={
<> <>
<span className="hidden lg:block"> <BreadcrumbSeparator className="hidden lg:block"/>
<BreadcrumbSeparator /> <BreadcrumbItem className="hidden lg:block">
<BreadcrumbItem> <BreadcrumbLink asChild>
<BreadcrumbLink asChild> <Link href={ route('comics.chapters', [comic.comic.path_word]) }>
<Link href={ route('comics.chapters', [comic.comic.path_word]) }> { comic.comic.name }
{ comic.comic.name } </Link>
</Link> </BreadcrumbLink>
</BreadcrumbLink> </BreadcrumbItem>
</BreadcrumbItem> <BreadcrumbSeparator className="hidden lg:block" />
<BreadcrumbSeparator />
</span>
<BreadcrumbItem> <BreadcrumbItem>
<BreadcrumbPage>{ chapter.chapter.name }</BreadcrumbPage> <BreadcrumbPage>{ chapter.chapter.name }</BreadcrumbPage>
</BreadcrumbItem> </BreadcrumbItem>