From 86f1171c345cd12e667790742c14841f46d46ccd Mon Sep 17 00:00:00 2001
From: steven <stevenlgtm@gmail.com>
Date: Wed, 19 Apr 2023 15:29:18 +0800
Subject: [PATCH] chore: hide product hunt buttons

---
 src/components/ConnectionSidebar.tsx      | 16 ++++++++++++++++
 src/components/ConversationView/index.tsx |  3 ++-
 src/components/ProductHuntBanner.tsx      |  2 +-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/ConnectionSidebar.tsx b/src/components/ConnectionSidebar.tsx
index 9ebcd2b..498cf68 100644
--- a/src/components/ConnectionSidebar.tsx
+++ b/src/components/ConnectionSidebar.tsx
@@ -289,7 +289,9 @@ const ConnectionSidebar = () => {
               </button>
             </div>
             <div className="sticky bottom-0 w-full flex flex-col justify-center bg-gray-100 dark:bg-zinc-700  backdrop-blur bg-opacity-60 pb-6 py-2">
+              {/* TODO: remove this after releasing */}
               <a
+                className="hidden dark:hidden"
                 href="https://www.producthunt.com/posts/sql-chat?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-sql&#0045;chat"
                 target="_blank"
               >
@@ -301,6 +303,20 @@ const ConnectionSidebar = () => {
                   height="54"
                 />
               </a>
+              {/* TODO: remove this after releasing */}
+              <a
+                className="!hidden dark:block"
+                href="https://www.producthunt.com/posts/sql-chat?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-sql&#0045;chat"
+                target="_blank"
+              >
+                <img
+                  src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=389982&theme=dark"
+                  alt="SQL&#0032;Chat - ChatGPT&#0032;powered&#0032;SQL&#0032;client&#0032;for&#0032;Postgres&#0044;&#0032;MySQL&#0032;&#0038;&#0032;SQL&#0032;Server | Product Hunt"
+                  style={{ width: "250px", height: "54px" }}
+                  width="250"
+                  height="54"
+                />
+              </a>
               <a
                 href="https://discord.gg/z6kakemDjm"
                 className="text-indigo-600 dark:text-indigo-400 text-sm font-medium flex flex-row justify-center items-center mt-4 hover:underline"
diff --git a/src/components/ConversationView/index.tsx b/src/components/ConversationView/index.tsx
index d3fa587..3f5d570 100644
--- a/src/components/ConversationView/index.tsx
+++ b/src/components/ConversationView/index.tsx
@@ -217,7 +217,8 @@ const ConversationView = () => {
       } relative w-full h-full max-h-full flex flex-col justify-start items-start overflow-y-auto bg-white dark:bg-zinc-800`}
     >
       <div className="sticky top-0 z-1 bg-white dark:bg-zinc-800 w-full flex flex-col justify-start items-start">
-        <ProductHuntBanner />
+        {/* TODO: remove this after releasing */}
+        <ProductHuntBanner className="hidden" />
         <DataStorageBanner />
         <Header className={showHeaderShadow ? "shadow" : ""} />
       </div>
diff --git a/src/components/ProductHuntBanner.tsx b/src/components/ProductHuntBanner.tsx
index 7ac2543..9904417 100644
--- a/src/components/ProductHuntBanner.tsx
+++ b/src/components/ProductHuntBanner.tsx
@@ -16,7 +16,7 @@ const ProductHuntBanner = (props: Props) => {
     <div
       className={`${!show && "!hidden"} ${
         className || ""
-      } relative w-full flex bg-[#c65a33] text-white flex-row justify-start sm:justify-center items-center px-4 py-1`}
+      } relative w-full flex bg-[#f26150] text-white flex-row justify-start sm:justify-center items-center px-4 py-1`}
     >
       <a
         className="text-sm leading-6 pr-4 cursor-pointer hover:underline"