Merge pull request #3054 from element-hq/robin/og-brand

Use the configured brand name in OpenGraph tags

public/index.html

@@ -8,26 +8,26 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
     />
-    <title><%- title %></title>
+    <title><%- brand %></title>
     <script>
       window.global = window;
     </script>
 
     <!-- Open graph meta tags -->
 
-    <meta property="og:title" content="<%- title %>" />
+    <meta property="og:title" content="<%- brand %>" />
     <meta
       property="og:description"
-      content="You're invited to join a call on Element Call"
+      content="You're invited to join a call on <%- brand %>"
     />
     <meta property="og:type" content="website" />
     <meta property="og:image" content="favicon.png" />
 
     <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:title" content="<%- title %>" />
+    <meta name="twitter:title" content="<%- brand %>" />
     <meta
       name="twitter:description"
-      content="You're invited to join a call on Element Call"
+      content="You're invited to join a call on <%- brand %>"
     />
     <meta name="twitter:image" content="favicon.png" />
   </head>

vite.config.js

@@ -29,7 +29,7 @@ export default defineConfig(({ mode }) => {
     }),
     htmlTemplate.default({
       data: {
-        title: env.VITE_PRODUCT_NAME || "Element Call",
+        brand: env.VITE_PRODUCT_NAME || "Element Call",
       },
     }),