import { useState } from "react"; import { Head, Link, } from '@inertiajs/react'; import { Star } 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, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'; import { useToast } from '@/hooks/use-toast.js'; export default function Favourites({ auth, favourites }) { const { toast } = useToast(); const [stateFavourites, setStateFavourites] = useState(favourites); const favouriteOnClickHandler = (pathword) => { axios.post(route('comics.postFavourite'), { pathword: pathword }).then(res => { setStateFavourites(stateFavourites.filter(f => f.pathword !== pathword)); }); toast({ title: "All set", description: `The comic is now removed from your favorite list.`, }); } const FavouriteCard = (props) => { return (
{
{ props.name }
{ props.authors.map(a => { a.name }) }

Updated: { props.upstream_updated_at }

{ props.description }
); } return ( Favourites }> Favourites
{ stateFavourites.map((favourite, i) => ) }
); }