aboutsummaryrefslogtreecommitdiff
path: root/components/manga/mobile/topBar.js
diff options
context:
space:
mode:
authorFactiven <[email protected]>2023-07-16 22:35:39 +0700
committerFactiven <[email protected]>2023-07-16 22:35:39 +0700
commit1eee181e219dfd993d396ac3169e7aad3dd285eb (patch)
tree23fe54e9c3f8810f3ac9ab6b29070b4f0d4b9d20 /components/manga/mobile/topBar.js
parentremoved console.log (diff)
downloadmoopa-1eee181e219dfd993d396ac3169e7aad3dd285eb.tar.xz
moopa-1eee181e219dfd993d396ac3169e7aad3dd285eb.zip
Update v3.6.4
- Added Manga page with a working tracker for AniList user - Added schedule component to home page - Added disqus comment section so you can fight on each other (not recommended) - Added /id and /en route for english and indonesian subs (id route still work in progress)
Diffstat (limited to 'components/manga/mobile/topBar.js')
-rw-r--r--components/manga/mobile/topBar.js22
1 files changed, 22 insertions, 0 deletions
diff --git a/components/manga/mobile/topBar.js b/components/manga/mobile/topBar.js
new file mode 100644
index 0000000..7290e05
--- /dev/null
+++ b/components/manga/mobile/topBar.js
@@ -0,0 +1,22 @@
+import { ArrowLeftIcon } from "@heroicons/react/24/outline";
+import Link from "next/link";
+
+export default function TopBar({ info }) {
+ return (
+ <div className="fixed lg:hidden flex items-center justify-between px-3 z-50 top-0 h-[5vh] w-screen p-2 bg-secondary">
+ {info && (
+ <>
+ <Link
+ href={`/en/manga/${info.id}`}
+ className="flex gap-2 items-center"
+ >
+ <ArrowLeftIcon className="w-6 h-6" />
+ <h1>back</h1>
+ </Link>
+ {/* <h1 className="font-outfit text-action font-bold text-lg">moopa</h1> */}
+ <h1 className="w-[50%] line-clamp-1 text-end">{info.title.romaji}</h1>
+ </>
+ )}
+ </div>
+ );
+}