fix opengraph image issue

GokuxSS4 · Jan 26, 2025 · 0dcabfc · 0dcabfc
1 parent 07d2300
commit 0dcabfc
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 14 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -27,6 +27,10 @@ export const metadata: Metadata = {
   icons: {
     icon: "/icons/aniweeb-icon.ico",
   },
+  metadataBase: new URL("https://aniweeb.com"),
+  openGraph: {
+    images: "/opengraph-image.png",
+  },
 };
 
 export default function RootLayout({

diff --git a/components/watch/VideoContainer.tsx b/components/watch/VideoContainer.tsx
@@ -7,6 +7,7 @@ import { HiAnime } from "aniwatch";
 import { useEffect, useState } from "react";
 import { BsBadgeCc } from "react-icons/bs";
 import { MdMicNone } from "react-icons/md";
+import { BsFileEarmark } from "react-icons/bs";
 import {
   VidstackDefaultPlayer,
   VidStackPlayerSkeleton,
@@ -257,7 +258,7 @@ export function VideoContainer({
                       renderServerButtons(
                         availableServers.sub,
                         "sub",
-                        <BsBadgeCc className="size-4" />,
+                        <BsBadgeCc className="size-5" />,
                       )}
 
                     {availableServers.dub?.length > 0 &&
@@ -268,7 +269,11 @@ export function VideoContainer({
                       )}
 
                     {availableServers.raw?.length > 0 &&
-                      renderServerButtons(availableServers.raw, "raw")}
+                      renderServerButtons(
+                        availableServers.raw,
+                        "raw",
+                        <BsFileEarmark className="size-5" />,
+                      )}
                   </>
                 )}
               </div>

diff --git a/components/watch/VidstackDefaultPlayer.tsx b/components/watch/VidstackDefaultPlayer.tsx
@@ -66,22 +66,12 @@ export function VidstackDefaultPlayer({
         noGestures={false}
         slots={{
           afterCaptionButton: (
-            <SeekButton seconds={-10} className="block md:hidden vds-button">
+            <SeekButton seconds={-10} className="vds-button">
               <SeekBackward10Icon size={32} className="vds-icon" />
             </SeekButton>
           ),
           beforeSettingsMenu: (
-            <SeekButton seconds={10} className="block md:hidden vds-button">
-              <SeekForward10Icon size={32} className="vds-icon" />
-            </SeekButton>
-          ),
-          afterPlayButton: (
-            <SeekButton seconds={-10} className="hidden md:block vds-button">
-              <SeekBackward10Icon size={32} className="vds-icon" />
-            </SeekButton>
-          ),
-          beforeMuteButton: (
-            <SeekButton seconds={10} className="hidden md:block vds-button">
+            <SeekButton seconds={10} className="vds-button">
               <SeekForward10Icon size={32} className="vds-icon" />
             </SeekButton>
           ),

diff --git a/app/opengraph-image.png → public/opengraph-image.png b/app/opengraph-image.png → public/opengraph-image.png