diff options
Diffstat (limited to 'components/manga')
| -rw-r--r-- | components/manga/leftBar.js | 2 | ||||
| -rw-r--r-- | components/manga/mobile/bottomBar.js | 2 | ||||
| -rw-r--r-- | components/manga/panels/firstPanel.js | 5 | ||||
| -rw-r--r-- | components/manga/panels/secondPanel.js | 4 | ||||
| -rw-r--r-- | components/manga/panels/thirdPanel.js | 2 | ||||
| -rw-r--r-- | components/manga/rightBar.js | 34 |
6 files changed, 28 insertions, 21 deletions
diff --git a/components/manga/leftBar.js b/components/manga/leftBar.js index 272b07a..17acd55 100644 --- a/components/manga/leftBar.js +++ b/components/manga/leftBar.js @@ -80,7 +80,7 @@ export function LeftBar({ data, page, info, currentId, setSeekPage }) { onClick={() => setSeekPage(x.index)} > <Image - src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent( + src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent( x.url )}&headers=${encodeURIComponent( JSON.stringify({ Referer: x.headers.Referer }) diff --git a/components/manga/mobile/bottomBar.js b/components/manga/mobile/bottomBar.js index a388f17..6493dca 100644 --- a/components/manga/mobile/bottomBar.js +++ b/components/manga/mobile/bottomBar.js @@ -99,7 +99,7 @@ export default function BottomBar({ onClick={() => setSeekPage(x.index)} > <Image - src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent( + src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent( x.url )}&headers=${encodeURIComponent( JSON.stringify({ Referer: x.headers.Referer }) diff --git a/components/manga/panels/firstPanel.js b/components/manga/panels/firstPanel.js index 29484be..f1ee859 100644 --- a/components/manga/panels/firstPanel.js +++ b/components/manga/panels/firstPanel.js @@ -124,7 +124,7 @@ export default function FirstPanel({ ref={(el) => (imageRefs.current[index] = el)} > <Image - src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent( + src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent( i.url )}&headers=${encodeURIComponent( JSON.stringify({ Referer: i.headers.Referer }) @@ -139,7 +139,8 @@ export default function FirstPanel({ )) ) : ( <div className="w-full flex-center h-full"> - {data.error || "Not found"} :( + {/* {data.error || "Not found"} :( */} + <p dangerouslySetInnerHTML={{ __html: data }} /> </div> )} </div> diff --git a/components/manga/panels/secondPanel.js b/components/manga/panels/secondPanel.js index 6048fb4..9323822 100644 --- a/components/manga/panels/secondPanel.js +++ b/components/manga/panels/secondPanel.js @@ -125,7 +125,7 @@ export default function SecondPanel({ width={500} height={500} className="w-1/2 h-screen object-contain" - src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent( + src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent( image[image.length - index - 2]?.url )}&headers=${encodeURIComponent( JSON.stringify({ @@ -140,7 +140,7 @@ export default function SecondPanel({ width={500} height={500} className="w-1/2 h-screen object-contain" - src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent( + src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent( image[image.length - index - 1]?.url )}&headers=${encodeURIComponent( JSON.stringify({ diff --git a/components/manga/panels/thirdPanel.js b/components/manga/panels/thirdPanel.js index 7dff76b..d402f07 100644 --- a/components/manga/panels/thirdPanel.js +++ b/components/manga/panels/thirdPanel.js @@ -117,7 +117,7 @@ export default function ThirdPanel({ height={500} className="w-full h-screen object-contain" onClick={() => setMobileVisible(!mobileVisible)} - src={`https://img.moopa.live/image-proxy?url=${encodeURIComponent( + src={`https://api.consumet.org/utils/image-proxy?url=${encodeURIComponent( image[image.length - index - 1]?.url )}&headers=${encodeURIComponent( JSON.stringify({ diff --git a/components/manga/rightBar.js b/components/manga/rightBar.js index 18c5e55..82d577d 100644 --- a/components/manga/rightBar.js +++ b/components/manga/rightBar.js @@ -12,6 +12,8 @@ export default function RightBar({ id, hasRun, session, + data, + error, currentChapter, paddingX, setPaddingX, @@ -72,21 +74,25 @@ export default function RightBar({ > <ExclamationCircleIcon className="w-6 h-6" /> </div> - <div className="flex flex-col gap-3 w-full"> - <h1 className="font-karla font-bold xl:text-lg">Reading mode</h1> - <div className="flex relative"> - <select - className="bg-[#161617] text-sm xl:text-base cursor-pointer w-full p-1 px-3 font-karla rounded-md appearance-none" - defaultValue={layout} - onChange={changeMode} - > - <option value={1}>Vertical</option> - <option value={2}>Right to Left</option> - <option value={3}>Right to Left {"(1 Page)"}</option> - </select> - <ChevronDownIcon className="w-5 h-5 text-white absolute inset-0 my-auto mx-52" /> + {Array.isArray(data) ? ( + <div className="flex flex-col gap-3 w-full"> + <h1 className="font-karla font-bold xl:text-lg">Reading mode</h1> + <div className="flex relative"> + <select + className="bg-[#161617] text-sm xl:text-base cursor-pointer w-full p-1 px-3 font-karla rounded-md appearance-none" + defaultValue={layout} + onChange={changeMode} + > + <option value={1}>Vertical</option> + <option value={2}>Right to Left</option> + <option value={3}>Right to Left {"(1 Page)"}</option> + </select> + <ChevronDownIcon className="w-5 h-5 text-white absolute inset-0 my-auto mx-52" /> + </div> </div> - </div> + ) : ( + "" + )} {/* Zoom */} <div className="flex flex-col gap-3 w-full"> <h1 className="font-karla font-bold xl:text-lg">Scale Image</h1> |