From 14e6ee373fa141af6d3b2aa39a93b5a7b1f862ec Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Thu, 26 Jan 2023 08:12:31 +0100
Subject: [PATCH] :bug: (viewer) Should not import google font url if empty

Closes #271
---
 .../src/components/TypebotViewer.tsx           | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/bot-engine/src/components/TypebotViewer.tsx b/packages/bot-engine/src/components/TypebotViewer.tsx
index cb4ab9745..89bff4963 100644
--- a/packages/bot-engine/src/components/TypebotViewer.tsx
+++ b/packages/bot-engine/src/components/TypebotViewer.tsx
@@ -15,7 +15,7 @@ import {
 } from 'models'
 import { Log } from 'db'
 import { LiteBadge } from './LiteBadge'
-import { getViewerUrl, isEmpty } from 'utils'
+import { getViewerUrl, isEmpty, isNotEmpty } from 'utils'
 
 export type TypebotViewerProps = {
   typebot: Omit<PublicTypebot, 'updatedAt' | 'createdAt'>
@@ -84,13 +84,15 @@ export const TypebotViewer = ({
       name="Typebot viewer"
       style={{ width: '100%', height: '100%', border: 'none', ...style }}
     >
-      <style
-        dangerouslySetInnerHTML={{
-          __html: `@import url('https://fonts.googleapis.com/css2?family=${
-            typebot?.theme?.general?.font ?? 'Open Sans'
-          }:wght@300;400;600&display=swap');`,
-        }}
-      />
+      {isNotEmpty(typebot?.theme?.general?.font) && (
+        <style
+          dangerouslySetInnerHTML={{
+            __html: `@import url('https://fonts.googleapis.com/css2?family=${
+              typebot.theme.general.font ?? 'Open Sans'
+            }:wght@300;400;600&display=swap');`,
+          }}
+        />
+      )}
       <TypebotProvider
         typebot={typebot}
         apiHost={apiHost}