From bf68ec1ad52b7bdc888a7830bd128c0b165020a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20M=C3=BCller?=
 <48084558+rene-mueller@users.noreply.github.com>
Date: Sat, 5 Nov 2022 21:20:59 +0100
Subject: [PATCH] use LOGO constant instead of fixed string in OgImages (#5234)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* use LOGO constant instead of fixed string in OgImages

* fixed linting error

Co-authored-by: René Müller <rene.mueller@clicksports.de>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 packages/lib/OgImages.tsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/lib/OgImages.tsx b/packages/lib/OgImages.tsx
index 92d433c2ac..071ef5a60a 100644
--- a/packages/lib/OgImages.tsx
+++ b/packages/lib/OgImages.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { CAL_URL } from "./constants";
+import { CAL_URL, LOGO } from "./constants";
 
 // Ensures tw prop is typed.
 declare module "react" {
@@ -119,7 +119,7 @@ export const Meeting = ({ title, users = [], profile }: MeetingImageProps) => {
     <Wrapper variant="dark">
       <div tw="h-full flex flex-col justify-start">
         <div tw="flex items-center justify-center" style={{ fontFamily: "cal", fontWeight: 300 }}>
-          <img src={`${CAL_URL}/cal-logo-word-black.svg`} width="350" alt="Logo" />
+          <img src={`${CAL_URL}/${LOGO}`} width="350" alt="Logo" />
           {avatars.length > 0 && <div tw="font-bold text-black text-[92px] mx-8 bottom-2">/</div>}
           <div tw="flex flex-row">
             {avatars.slice(0, 3).map((avatar) => (
@@ -189,12 +189,7 @@ const VisualBlur = ({ visualSlug }: { visualSlug: string }) => {
 
 export const App = ({ name, description, slug }: AppImageProps) => (
   <Wrapper>
-    <img
-      src={`${CAL_URL}/cal-logo-word-black.svg`}
-      width="150"
-      alt="Logo"
-      tw="absolute right-[48px] top-[48px]"
-    />
+    <img src={`${CAL_URL}/${LOGO}`} width="150" alt="Logo" tw="absolute right-[48px] top-[48px]" />
 
     <VisualBlur visualSlug={slug} />