Pass page title to opengraph image

RoyalIcing · RoyalIcing · commit f8e4762cdd67 · 2020-10-01T23:00:38.000+10:00
diff --git a/apps/components_guide_web/lib/components_guide_web/controllers/react_typescript_controller.ex b/apps/components_guide_web/lib/components_guide_web/controllers/react_typescript_controller.ex
@@ -2,7 +2,9 @@ defmodule ComponentsGuideWeb.ReactTypescriptController do
   use ComponentsGuideWeb, :controller
 
   def index(conn, _params) do
-    render(conn, "index.html", article: "tips")
+    conn
+    |> assign(:page_title, "React and TypeScript")
+    |> render("index.html", article: "tips")
   end
 
   @articles ["testing", "forms"]
diff --git a/apps/components_guide_web/lib/components_guide_web/templates/layout/root.html.leex b/apps/components_guide_web/lib/components_guide_web/templates/layout/root.html.leex
@@ -9,13 +9,24 @@
     <link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/RoyalIcing/tela@2d421cafc1ea99fab91aa4fcbf3b554160bcada5/tela.css"/>
 
-    <meta property="og:image" content="https://stamp.vercel.app/api/poster?source=Components.Guide">
+    <%
+      stamp_query = case assigns[:page_title] do
+        nil ->
+          "source=Components.Guide"
+
+        title ->
+          URI.encode_query(source: "Components.Guide", headline: title)
+      end
+    %>
+    <meta property="og:image" content="https://stamp.vercel.app/api/poster?<%= stamp_query %>">
 
     <script defer type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
 
     <!--<script type="module" src="http://localhost:3000/js/app.js"></script>-->
 
-    <script src="https://cdn.usefathom.com/script.js" site="LYHMLVID" defer></script>
+    <%= if Mix.env() == :prod do %>
+      <script src="https://cdn.usefathom.com/script.js" site="LYHMLVID" defer></script>
+    <% end %>
   </head>
   <body>
     <%= render ComponentsGuideWeb.LayoutView, "_banner.html", path_info: @conn.path_info %>
