From ae8dc10768a390bd08be611786cfc7bdefcad5fd Mon Sep 17 00:00:00 2001
From: steven <stevenlgtm@gmail.com>
Date: Thu, 20 Apr 2023 15:08:21 +0800
Subject: [PATCH] chore: show product hunt banner

---
 src/components/ConnectionSidebar.tsx      | 14 ++++++--------
 src/components/ConversationView/index.tsx |  3 +--
 src/components/ProductHuntBanner.tsx      |  4 ++--
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/ConnectionSidebar.tsx b/src/components/ConnectionSidebar.tsx
index 498cf68..9e20266 100644
--- a/src/components/ConnectionSidebar.tsx
+++ b/src/components/ConnectionSidebar.tsx
@@ -289,28 +289,26 @@ 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"
+                className="dark:hidden"
+                href="https://www.producthunt.com/posts/sql-chat-2?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-sql&#0045;chat&#0045;2"
                 target="_blank"
               >
                 <img
-                  src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=389982&theme=light"
+                  src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=390216&theme=light"
                   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>
-              {/* 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"
+                className="hidden dark:block"
+                href="https://www.producthunt.com/posts/sql-chat-2?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-sql&#0045;chat&#0045;2"
                 target="_blank"
               >
                 <img
-                  src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=389982&theme=dark"
+                  src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=390216&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"
diff --git a/src/components/ConversationView/index.tsx b/src/components/ConversationView/index.tsx
index 3f5d570..d3fa587 100644
--- a/src/components/ConversationView/index.tsx
+++ b/src/components/ConversationView/index.tsx
@@ -217,8 +217,7 @@ 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">
-        {/* TODO: remove this after releasing */}
-        <ProductHuntBanner className="hidden" />
+        <ProductHuntBanner />
         <DataStorageBanner />
         <Header className={showHeaderShadow ? "shadow" : ""} />
       </div>
diff --git a/src/components/ProductHuntBanner.tsx b/src/components/ProductHuntBanner.tsx
index 9904417..2985e3e 100644
--- a/src/components/ProductHuntBanner.tsx
+++ b/src/components/ProductHuntBanner.tsx
@@ -16,11 +16,11 @@ const ProductHuntBanner = (props: Props) => {
     <div
       className={`${!show && "!hidden"} ${
         className || ""
-      } relative w-full flex bg-[#f26150] 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 dark:opacity-70`}
     >
       <a
         className="text-sm leading-6 pr-4 cursor-pointer hover:underline"
-        href="https://www.producthunt.com/posts/sql-chat"
+        href="https://www.producthunt.com/posts/sql-chat-2"
         target="_blank"
       >
         {t("banner.product-hunt")}