Add SEOComponent

quran · Sep 15, 2024 · e2ef923 · e2ef923
1 parent 620f3d4
commit e2ef923
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/src/pages/media/index.tsx b/src/pages/media/index.tsx
@@ -376,23 +376,27 @@ const MediaMaker: NextPage<MediaMaker> = ({
   const { width, height } = orientationToDimensions(orientation);
   const PATH = getQuranMediaMakerNavigationUrl();
 
+  const SEOComponent = (
+    <NextSeoWrapper
+      title={t('media:maker-title')}
+      description={t('media:maker-meta-desc')}
+      url={getCanonicalUrl(lang, PATH)}
+      languageAlternates={getLanguageAlternates(PATH)}
+      image={getMediaGeneratorOgImageUrl({
+        locale: lang,
+      })}
+      imageWidth={1200}
+      imageHeight={630}
+    />
+  );
+
   if (!isReady) {
-    return <></>;
+    return <>{SEOComponent}</>;
   }
 
   return (
     <>
-      <NextSeoWrapper
-        title={t('media:maker-title')}
-        description={t('media:maker-meta-desc')}
-        url={getCanonicalUrl(lang, PATH)}
-        languageAlternates={getLanguageAlternates(PATH)}
-        image={getMediaGeneratorOgImageUrl({
-          locale: lang,
-        })}
-        imageWidth={1200}
-        imageHeight={630}
-      />
+      {SEOComponent}
       <div className={styles.pageContainer}>
         <div className={classNames(styles.playerWrapper, layoutStyles.flowItem)}>
           <>