"use client"; import { Card, Button } from "flowbite-react"; import { useState } from "react"; import { useUserStore } from "#/store/auth"; import { ENDPOINTS } from "#/api/config"; import { useRouter } from "next/navigation"; export const CollectionInfoControls = (props: { isFavorite: boolean; id: number; authorId: number; isPrivate: boolean; }) => { const [isFavorite, setIsFavorite] = useState(props.isFavorite); const userStore = useUserStore(); const router = useRouter(); async function _addToFavorite() { if (userStore.user) { setIsFavorite(!isFavorite); if (isFavorite) { fetch( `${ENDPOINTS.collection.favoriteCollections}/delete/${props.id}?token=${userStore.token}` ); } else { fetch( `${ENDPOINTS.collection.favoriteCollections}/add/${props.id}?token=${userStore.token}` ); } } } async function _deleteCollection() { if (userStore.user) { fetch( `${ENDPOINTS.collection.delete}/${props.id}?token=${userStore.token}` ); router.push("/collections"); } } return ( {props.isPrivate && (

Это приватная коллекция, доступ к ней имеете только вы

)} {userStore.user && userStore.user.id == props.authorId && (
)}
); };