From 8f36516e4b9acc749051243948f7fd56529a3c5d Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Tue, 5 Apr 2022 15:23:23 +0200
Subject: [PATCH] =?UTF-8?q?fix(editor):=20=F0=9F=9A=91=EF=B8=8F=20Preview?=
 =?UTF-8?q?=20panel=20not=20showing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/builder/pages/typebots/[typebotId]/edit.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/apps/builder/pages/typebots/[typebotId]/edit.tsx b/apps/builder/pages/typebots/[typebotId]/edit.tsx
index 848e411c6..f48fb8f77 100644
--- a/apps/builder/pages/typebots/[typebotId]/edit.tsx
+++ b/apps/builder/pages/typebots/[typebotId]/edit.tsx
@@ -1,7 +1,11 @@
 import { Flex } from '@chakra-ui/layout'
 import { Seo } from 'components/Seo'
 import { TypebotHeader } from 'components/shared/TypebotHeader'
-import { EditorContext, RightPanel, useEditor } from 'contexts/EditorContext'
+import {
+  EditorContext,
+  RightPanel as RightPanelEnum,
+  useEditor,
+} from 'contexts/EditorContext'
 import React from 'react'
 import { KBar } from 'components/shared/KBar'
 import { BoardMenuButton } from 'components/editor/BoardMenuButton'
@@ -15,7 +19,6 @@ import { GettingStartedModal } from 'components/editor/GettingStartedModal'
 
 const TypebotEditPage = () => {
   const { typebot, isReadOnly } = useTypebot()
-  const { rightPanel } = useEditor()
 
   return (
     <EditorContext>
@@ -41,7 +44,7 @@ const TypebotEditPage = () => {
             >
               {typebot && <Graph flex="1" typebot={typebot} />}
               <BoardMenuButton pos="absolute" right="40px" top="20px" />
-              {rightPanel === RightPanel.PREVIEW && <PreviewDrawer />}
+              <RightPanel />
             </GraphProvider>
           </GraphDndContext>
         </Flex>
@@ -50,4 +53,9 @@ const TypebotEditPage = () => {
   )
 }
 
+const RightPanel = () => {
+  const { rightPanel } = useEditor()
+  return rightPanel === RightPanelEnum.PREVIEW ? <PreviewDrawer /> : <></>
+}
+
 export default TypebotEditPage