From 550cabcfcfbcdca8f02fa23949d21dcdf491e4af Mon Sep 17 00:00:00 2001
From: Nevo David <nevo@notu.co>
Date: Tue, 21 May 2024 13:07:44 +0700
Subject: [PATCH] feat: discord support

---
 apps/frontend/src/components/layout/layout.settings.tsx | 2 ++
 apps/frontend/src/components/layout/support.tsx         | 8 ++++++++
 2 files changed, 10 insertions(+)
 create mode 100644 apps/frontend/src/components/layout/support.tsx

diff --git a/apps/frontend/src/components/layout/layout.settings.tsx b/apps/frontend/src/components/layout/layout.settings.tsx
index 7eaa9fc5..0c8b0a5c 100644
--- a/apps/frontend/src/components/layout/layout.settings.tsx
+++ b/apps/frontend/src/components/layout/layout.settings.tsx
@@ -23,6 +23,7 @@ import isBetween from 'dayjs/plugin/isBetween';
 import { ShowLinkedinCompany } from '@gitroom/frontend/components/launches/helpers/linkedin.component';
 import { SettingsComponent } from '@gitroom/frontend/components/layout/settings.component';
 import { Onboarding } from '@gitroom/frontend/components/onboarding/onboarding';
+import { Support } from '@gitroom/frontend/components/layout/support';
 
 dayjs.extend(utc);
 dayjs.extend(weekOfYear);
@@ -52,6 +53,7 @@ export const LayoutSettings = ({ children }: { children: ReactNode }) => {
         <Toaster />
         <ShowPostSelector />
         <Onboarding />
+        <Support />
         <div className="min-h-[100vh] w-full max-w-[1440px] mx-auto bg-primary px-[12px] text-white flex flex-col">
           <div className="px-[23px] flex h-[80px] items-center justify-between z-[200] sticky top-0 bg-primary">
             <Link href="/" className="text-2xl flex items-center gap-[10px]">
diff --git a/apps/frontend/src/components/layout/support.tsx b/apps/frontend/src/components/layout/support.tsx
new file mode 100644
index 00000000..7a777e91
--- /dev/null
+++ b/apps/frontend/src/components/layout/support.tsx
@@ -0,0 +1,8 @@
+'use client';
+
+export const Support = () => {
+  if (!process.env.NEXT_PUBLIC_DISCORD_SUPPORT) return null
+  return (
+    <div className="bg-[#612AD5] fixed right-[20px] bottom-[20px] z-[500] p-[20px] text-white rounded-[20px] cursor-pointer" onClick={() => window.open(process.env.NEXT_PUBLIC_DISCORD_SUPPORT)}>Discord Support</div>
+  )
+}
\ No newline at end of file