import { Head, Link, router } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import AppLayout from '@/Layouts/AppLayout.jsx'; import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'; import { Star } from 'lucide-react'; import { Badge } from '@/components/ui/badge'; import { BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator } from "@/components/ui/breadcrumb"; import { useToast } from "@/hooks/use-toast.js"; import { useState } from "react"; 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)); console.log(stateFavourites); //setFavourites(res.data); }); 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) => ) }
); }