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

Reading history

Browse Source
This commit is contained in:
User
2024-12-28 13:32:46 -05:00
parent c722f4f9e6
commit 38ad983d6d
11 changed files with 156 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/Pages/Comic/Chapters.jsx
View File

@@ -1,18 +1,18 @@
import { useState } from 'react';
import { Head, Link, router } from '@inertiajs/react';
import { Moon, Plus, Star, ArrowDownNarrowWide, ArrowUpNarrowWide } from 'lucide-react';
import { Plus, Star, ArrowDownNarrowWide, ArrowUpNarrowWide } from 'lucide-react';
import AppLayout from '@/Layouts/AppLayout.jsx';
import { Badge } from "@/components/ui/badge";
import { BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator } from '@/components/ui/breadcrumb';
import { Button } from '@/components/ui/button';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
import { useToast } from '@/hooks/use-toast';
import { Badge } from "@/components/ui/badge.jsx";
export default function Chapters({ auth, comic, chapters }) {
export default function Chapters({ auth, comic, chapters, histories }) {
const [group, setGroup] = useState('default');
const [favourites, setFavourites] = useState(auth.user.favourites);
@@ -42,12 +42,13 @@ export default function Chapters({ auth, comic, chapters }) {
const ComicChapterLink = (props) => {
const isNew = Date.now() - Date.parse(props.datetime_created) < 6.048e+8;
const isRead = histories.includes(props.uuid);
return (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button className="" size="sm" variant="outline" asChild>
<Button size="sm" variant="outline" asChild className={ isRead ? 'bg-gray-200 hover:bg-gray-300' : '' }>
<Link className="relative" href={ `/comic/${ comic.comic.path_word }/${ props.uuid }` }>
{ props.name }
{ isNew && <Plus size={ 16 } className="text-xs absolute right-0 top-0" /> }
@@ -64,7 +65,6 @@ export default function Chapters({ auth, comic, chapters }) {
const toggleAscending = (e) => {
setAscending(!ascending);
}
return (