blob: dc119399808666b36840372647a4018d9cc5adf5 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
"use client";
import { Tabs, Tab, Card, CardBody, Link, Button } from "@nextui-org/react";
import { FiThumbsUp } from "react-icons/fi";
import { TiStarFullOutline } from "react-icons/ti";
import { lexend, atkinson } from "../../../../config/fonts";
export default function DescriptionTabs({ data: data }) {
return (
<div className="flex w-full flex-col">
<Tabs aria-label="Options" className={lexend.className}>
<Tab key="description" title="Description">
<Card shadow="sm">
<CardBody className={atkinson.className}>
{data.overview || "No description found"}
</CardBody>
</Card>
</Tab>
<Tab key="episodes" title="Details">
<Card shadow="sm">
<CardBody className={lexend.className}>
<h4>
<strong>Tagline</strong>:{" "}
<span>{data.tagline || "not sure"}</span>
</h4>
<h4>
<strong>Homepage</strong>:{" "}
<span>
<Link
color="warning"
isExternal
href={data.homepage || ""}
>
{data.homepage || "not sure"}
</Link>
</span>
</h4>
<h4>
<strong>Released on</strong>:{" "}
<span>{data.release_date || "not sure"}</span>
</h4>
<h4>
<strong>Status</strong>:{" "}
<span>{data.status || "not sure"}</span>
</h4>
<h4 className="flex items-center">
<strong>
<FiThumbsUp />
</strong>
<span className="ml-2">
{data.vote_count || "not sure"}
</span>
<strong className="ml-3">
<TiStarFullOutline />
</strong>
<span className="ml-2">
{data.vote_average || "not sure"}
</span>
</h4>
</CardBody>
</Card>
</Tab>
<Tab key="download" title="Download">
<Card shadow="sm">
<CardBody className={lexend.className}>
<h4 className="flex items-center">
<Link
href={`https://dl.vidsrc.vip/m/${data.id}`}
isExternal
>
<Button
color="warning"
size="sm"
className="ml-2"
title="Download is powered by 3rd party. Use it at your own risk."
>
Download
</Button>
</Link>
</h4>
</CardBody>
</Card>
</Tab>
</Tabs>
</div>
);
}
|