Set default image for blog_article meta

Author: ryyppy

pages/blog.re

@@ -17,6 +17,9 @@ open Util.ReactStuff;
 
 module Link = Next.Link;
 
+let rescriptDefaultImg = "https://res.cloudinary.com/dmm9n7v9f/image/upload/v1598616442/reason%20association/rescript-lang.org/art-3-rescript-launch_ovoibg.jpg"
+let planetPreviewImg = "https://res.cloudinary.com/dmm9n7v9f/image/upload/v1587479463/Reason%20Association/reasonml.org/reasonml_art2_1280_vhzxnz.png"
+
 // For encoding reasons, see https://shripadk.github.io/react/docs/jsx-gotchas.html
 let middleDotSpacer = " " ++ Js.String.fromCharCode(183) ++ " ";
 
@@ -104,7 +107,6 @@ module CategorySelector = {
 };
 
 module BlogCard = {
-  let defaultPreviewImg = "https://res.cloudinary.com/dmm9n7v9f/image/upload/v1587479463/Reason%20Association/reasonml.org/reasonml_art2_1280_vhzxnz.png";
   [@react.component]
   let make =
       (
@@ -130,7 +132,7 @@ module BlogCard = {
             {let className = "absolute top-0 h-full w-full object-cover";
              switch (previewImg) {
              | Some(src) => <img className src />
-             | None => <img className src=defaultPreviewImg />
+             | None => <img className src=planetPreviewImg />
              }}
           </a>
         </Link>
@@ -165,7 +167,6 @@ module FeatureCard = {
         ~slug: string,
       ) => {
     let displayName = BlogFrontmatter.Author.getDisplayName(author);
-    let defaultPreviewImg = "https://res.cloudinary.com/dmm9n7v9f/image/upload/v1587479463/Reason%20Association/reasonml.org/reasonml_art2_1280_vhzxnz.png";
 
     let authorImg =
       switch (author.imgUrl->Js.Null.toOption) {
@@ -194,7 +195,7 @@ module FeatureCard = {
             {let className = "absolute top-0 h-full w-full object-cover";
              switch (previewImg) {
              | Some(src) => <img className src />
-             | None => <img className src=defaultPreviewImg />
+             | None => <img className src=planetPreviewImg />
              }}
           </a>
         </Link>

re_pages/Blog_Article.re

@@ -199,7 +199,11 @@ let default = (props: props) => {
           title={title ++ " | ReScript Blog"}
           description=?{description->Js.Null.toOption}
           canonical=?{canonical->Js.Null.toOption}
-          ogImage=?{previewImg->Js.Null.toOption}
+          ogImage={
+            previewImg
+            ->Js.Null.toOption
+            ->Belt.Option.getWithDefault(Blog.planetPreviewImg)
+          }
         />
         <div className="mb-10 md:mb-20">
           <BlogHeader