chore(docs): fix social images for now

aws-amplify · Oct 25, 2023 · 00229bf · 00229bf
1 parent 5acdece
commit 00229bf
Show file tree

Hide file tree

Showing 11 changed files with 10 additions and 8 deletions.
diff --git a/docs/public/android-preview.png b/docs/public/android-preview.png
diff --git a/docs/public/angular-preview.png b/docs/public/angular-preview.png
diff --git a/docs/public/flutter-preview.png b/docs/public/flutter-preview.png
diff --git a/docs/public/preview.png b/docs/public/preview.png
diff --git a/docs/public/react-native-preview.png b/docs/public/react-native-preview.png
diff --git a/docs/public/react-preview.png b/docs/public/react-preview.png
diff --git a/docs/public/swift-preview.png b/docs/public/swift-preview.png
diff --git a/docs/public/vue-preview.png b/docs/public/vue-preview.png
diff --git a/docs/src/data/preview.ts b/docs/src/data/preview.ts
@@ -9,4 +9,4 @@ export const PREVIEW_LINK_COLOR = '#5C6670';
  * if we need to change the image in future, we have to change the image names.
  *  ref: https://developers.facebook.com/docs/sharing/webmasters/images/
  */
-export const PREVIEW_VERSION = '3';
+export const PREVIEW_VERSION = '4';
diff --git a/docs/src/pages/Head.tsx b/docs/src/pages/Head.tsx
@@ -53,13 +53,13 @@ export const Head = () => {
       <meta property="og:url" content={`${process.env.SITE_URL}${asPath}`} />
       <meta
         property="og:image"
-        content={process.env.SITE_URL + getImagePath(asPathname)}
+        content={process.env.SITE_URL + getImagePath(platform as string)}
       />
       <meta property="og:image:width" content={String(PREVIEW_WIDTH)} />
       <meta property="og:image:height" content={String(PREVIEW_HEIGHT)} />
       <meta
         property="og:image:secure_url"
-        content={process.env.SITE_URL + getImagePath(asPathname)}
+        content={process.env.SITE_URL + getImagePath(platform as string)}
       />
       <meta property="og:image:type" content="image/png" />
       <meta property="og:image:alt" content={_description} />
@@ -71,7 +71,7 @@ export const Head = () => {
       <meta name="twitter:description" content={_description} />
       <meta
         name="twitter:image"
-        content={process.env.SITE_URL + getImagePath(asPathname)}
+        content={process.env.SITE_URL + getImagePath(platform as string)}
       />
     </NextHead>
   );

diff --git a/docs/src/utils/previews.ts b/docs/src/utils/previews.ts
@@ -1,9 +1,11 @@
-import slugify from 'slugify';
+// import slugify from 'slugify';
 
 import { PREVIEW_VERSION } from '../data/preview';
 
+// For now dynamic social images are disabled
+// hard-coding a preview image based on platform until resolved
 export const getImagePath = (name: string) => {
-  const slug = slugify(name.replace(/\W+/g, ' '));
-
-  return `/previews/${slug.length > 0 ? slug : 'react'}-${PREVIEW_VERSION}.png`;
+  // const slug = slugify(name.replace(/\W+/g, ' '));
+  // return `/previews/${slug.length > 0 ? slug : 'react'}-${PREVIEW_VERSION}.png`;
+  return `/previews/${name}-${PREVIEW_VERSION}.png`;
 };