You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

25 lines
591 B

import React from "react";
const Book = ({ book }) => {
return (
<a
href={`https://ar.dnvn.ir/lunch?id=${book.id}`}
target="_blank"
className="w-full flex flex-row rounded-md p-2 shadow-lg"
>
<img
src={`https://dnvn.ir/api/v1/file/${book.fileId}`}
className="rounded-md"
style={{
width: "calc(100vh / 10)",
height: "calc(100vh / 10 * 3 / 2)",
}}
/>
<storng className="mr-2 mt-2 text-tiny text-blue5F font-semibold">
{book.title}
</storng>
</a>
);
};
export default Book;