From 5f2f23eeb62c390182334394a4306b0eda287ffa Mon Sep 17 00:00:00 2001 From: Factiven Date: Tue, 2 May 2023 14:17:51 +0700 Subject: Update pre - v3.5.4 > UI adjustment on smaller devices --- README.md | 8 ++- components/footer.js | 2 +- components/hero/content.js | 5 +- package.json | 2 +- pages/anime/[...id].js | 22 +++++--- pages/anime/watch/[...info].js | 6 +- pages/categories/[id].js | 125 ----------------------------------------- pages/contact.js | 4 +- pages/index.js | 4 +- styles/globals.css | 21 +------ 10 files changed, 33 insertions(+), 166 deletions(-) delete mode 100644 pages/categories/[id].js diff --git a/README.md b/README.md index e9f5d18..adfac69 100644 --- a/README.md +++ b/README.md @@ -69,6 +69,10 @@ - [x] Ability to edit list inside detail page - [ ] Working on Manga pages +## Bug Report + +If you encounter any issues or bug on the site please head to [issues](https://github.com/DevanAbinaya/Ani-Moopa/issues) and create a bug report there. + ## For Local Development 1. Clone this repository using : @@ -112,7 +116,9 @@ This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md ## Contact Thank You for passing by!! -If you have any questions or feedback, please reach out to us at [factiven.org@gmail.com](mailto:factiven.org@gmail.com), or you can join our [discord sever](https://discord.gg/4xTGhr85BG). +If you have any questions or feedback, please reach out to us at [contact@moopa.live](mailto:contact@moopa.live), or you can join our [discord sever](https://discord.gg/4xTGhr85BG). +
+or you can DM me on Discord `CritenDust#3704`/`Factiven#9110`. (just contact me on one of these account) ## Support This Project diff --git a/components/footer.js b/components/footer.js index 3494810..50c556a 100644 --- a/components/footer.js +++ b/components/footer.js @@ -22,7 +22,7 @@ function Footer() { © {new Date().getFullYear()} moopa.live | Website Made by Factiven

-

+

This site does not store any files on our server, we only linked to the media which is hosted on 3rd party services.

diff --git a/components/hero/content.js b/components/hero/content.js index 25e1431..7e2d9ab 100644 --- a/components/hero/content.js +++ b/components/hero/content.js @@ -52,11 +52,8 @@ export default function Content({ ids, section, data }) { > - {/*
- {anime.title.romaji || anime.title.english} -
*/} )} -
-
+
+
{info && info.status !== "NOT_YET_RELEASED" ? ( <> -
+

{info?.type}

-
+

{info?.averageScore}%

-
+
-

{info?.episodes} Episodes

+ {info?.episodes ? ( +

{info?.episodes} Episodes

+ ) : ( +

TBA

+ )}
) : ( @@ -676,8 +680,8 @@ export default function Info() { )} {info?.nextAiringEpisode && (
-
-

Next Ep :

+
+

Next :

{epiStatus} while retrieving data

diff --git a/pages/anime/watch/[...info].js b/pages/anime/watch/[...info].js
index 682e252..41635b8 100644
--- a/pages/anime/watch/[...info].js
+++ b/pages/anime/watch/[...info].js
@@ -288,7 +288,7 @@ export default function Info({ sessions, id, aniId, provider }) {
           
{loading ? ( -
+
) : ( -
+
)}
{data ? ( @@ -386,7 +386,7 @@ export default function Info({ sessions, id, aniId, provider }) {
{data ? data.studios : }
-
+
setOpen(true)}> { - setLoading(true); - if (tags === "This Season") { - seasonNow(); - setLoading(false); - } else if (tags === "Popular Anime") { - PopularAnime(); - setLoading(false); - } else if (tags === "Popular Manga") { - PopularManga(); - setLoading(false); - } else { - setData(null); - setLoading(false); - } - }, [id]); - - async function seasonNow() { - const data = await aniAdvanceSearch({ - perPage: 25, - seasonYear: 2023, - season: getCurrentSeason(), - // type: "MANGA", - }); - setData(data); - } - - async function PopularAnime() { - const data = await aniAdvanceSearch({ - perPage: 25, - sort: ["POPULARITY_DESC"], - }); - setData(data); - } - - async function PopularManga() { - const data = await aniAdvanceSearch({ - perPage: 25, - sort: ["POPULARITY_DESC"], - type: "MANGA", - }); - setData(data); - } - - console.log(data); - return ( - <> - - Categories - {tags} - -
-
- {loading ? ( -

Loading...

- ) : ( - data && - data?.media.map((m) => { - return ( -
- image -
- ); - }) - )} -
-
-
- - ); -} - -function getYear() { - const now = new Date(); - return now.getFullYear(); -} - -function getCurrentSeason() { - const now = new Date(); - const month = now.getMonth() + 1; // getMonth() returns 0-based index - - switch (month) { - case 12: - case 1: - case 2: - return "WINTER"; - case 3: - case 4: - case 5: - return "SPRING"; - case 6: - case 7: - case 8: - return "SUMMER"; - case 9: - case 10: - case 11: - return "FALL"; - default: - return "UNKNOWN SEASON"; - } -} diff --git a/pages/contact.js b/pages/contact.js index 7dbc6d1..c7da878 100644 --- a/pages/contact.js +++ b/pages/contact.js @@ -7,7 +7,9 @@ const Contact = () => {

Contact Us

If you have any questions or comments, please email us at:

- factiven.org@gmail.com + + contact@moopa.live +

diff --git a/pages/index.js b/pages/index.js index 6295dee..fcf8288 100644 --- a/pages/index.js +++ b/pages/index.js @@ -86,9 +86,9 @@ export function Navigasi() { placeholder="Search Anime" onKeyDown={handleKeyDown} /> - +
- +
diff --git a/styles/globals.css b/styles/globals.css index 9e1e6a4..f2ea9d2 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -213,6 +213,8 @@ pre { padding: 1rem; margin: 1rem 0; @apply bg-[#191c24]; + white-space: pre-wrap; + word-wrap: break-word; } pre code { @@ -230,22 +232,3 @@ pre code { .language-bash { color: #89b482; } - -.hover-parent:hover .hover-child { - display: block; -} - -.hover-child { - display: none; -} - -.hover-child:hover { - display: none; -} - -.grid-container { - display: grid; - grid-template-columns: repeat(5, 1fr); - grid-gap: 1rem; - padding: 1rem; -} -- cgit v1.2.3