feat: always show intercom on desktop by default (hidden on mobile)

SomayChauhan · Apr 5, 2024 · d14a7b0 · d14a7b0
1 parent 86a7824
commit d14a7b0
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/packages/features/shell/Shell.tsx b/packages/features/shell/Shell.tsx
@@ -224,6 +224,7 @@ const Layout = (props: LayoutProps) => {
     return (activeBanners?.length ?? 0) * TOP_BANNER_HEIGHT;
   }, [banners]);
 
+  const [helpOpen, setHelpOpen] = useState(false);
   useFormbricks();
 
   return (
@@ -282,6 +283,29 @@ const Layout = (props: LayoutProps) => {
             <MainContainer {...props} />
           </div>
         </div>
+        <div className="fixed bottom-12 right-12 hidden md:flex">
+          <Dropdown open={helpOpen}>
+            <DropdownMenuTrigger asChild onClick={() => setHelpOpen((prev) => !prev)}>
+              <Button className="">Intercom</Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuPortal>
+              <FreshChatProvider>
+                <DropdownMenuContent
+                  align="start"
+                  onInteractOutside={() => {
+                    setHelpOpen(false);
+                  }}
+                  className="group m-2 overflow-hidden rounded-md">
+                  <HelpMenuItem
+                    onHelpItemSelect={() => {
+                      setHelpOpen(false);
+                    }}
+                  />
+                </DropdownMenuContent>
+              </FreshChatProvider>
+            </DropdownMenuPortal>
+          </Dropdown>
+        </div>
       </div>
     </>
   );