🚀 feat(download): add download feature for movies

3 files changed, 24 insertions, 3 deletions

diff --git a/src/app/movies/components/descriptionTabs.jsx b/src/app/movies/components/descriptionTabs.jsx
index 2f5ca91..7eec2fb 100644
--- a/src/app/movies/components/descriptionTabs.jsx
+++ b/src/app/movies/components/descriptionTabs.jsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Tabs, Tab, Card, CardBody, Link } from "@nextui-org/react";
+import { Tabs, Tab, Card, CardBody, Link, Button } from "@nextui-org/react";
 import { FiThumbsUp } from "react-icons/fi";
 import { TiStarFullOutline } from "react-icons/ti";
 
@@ -61,6 +61,27 @@ export default function DescriptionTabs({ data: data }) {
 						</CardBody>
 					</Card>
 				</Tab>
+				<Tab key="download" title="Download">
+					<Card>
+						<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>
 	);
diff --git a/src/app/movies/components/faqs.jsx b/src/app/movies/components/faqs.jsx
index 4fa5043..00a4cff 100644
--- a/src/app/movies/components/faqs.jsx
+++ b/src/app/movies/components/faqs.jsx
@@ -8,7 +8,7 @@ const Questions = () => {
 			<AccordionItem
 				key="1"
 				aria-label="Accordion 1"
-				title="Why are there ads in the player?"
+				title="Why there are ads in the player?"
 			>
 				We do not host any media on our own servers. We simply aggregate
 				data from third-party providers. While these services are free
diff --git a/src/app/movies/page.jsx b/src/app/movies/page.jsx
index c9c8e8e..66ae888 100644
--- a/src/app/movies/page.jsx
+++ b/src/app/movies/page.jsx
@@ -6,7 +6,7 @@ import { MovieHomepageDataFetcher } from "./components/requestsHandler";
 import PreFetchMovieInfo from "./components/cacher";
 import styles from "../page.module.css";
 
-export default async function MOVIE_HOME() {
+export default async function MovieHomepage() {
 	const popular_data = await MovieHomepageDataFetcher("popular");
 	const trending_data = await MovieHomepageDataFetcher("trending");
 	const top_data = await MovieHomepageDataFetcher("top");