From 84616c2b3ff27f4f374706a0a366853d8033ef3f Mon Sep 17 00:00:00 2001
From: boojack <stevenlgtm@gmail.com>
Date: Wed, 19 Apr 2023 14:59:20 +0800
Subject: [PATCH] chore: show product hunt banner (#39)

* chore: show product hunt banner

* chore: add product hunt icon
---
 src/components/ConnectionSidebar.tsx      | 16 ++++++++++++++--
 src/components/ConversationView/index.tsx |  3 +--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/ConnectionSidebar.tsx b/src/components/ConnectionSidebar.tsx
index a109223..9ebcd2b 100644
--- a/src/components/ConnectionSidebar.tsx
+++ b/src/components/ConnectionSidebar.tsx
@@ -288,10 +288,22 @@ const ConnectionSidebar = () => {
                 {t("conversation.new-chat")}
               </button>
             </div>
-            <div className="sticky bottom-0 w-full flex justify-center bg-gray-100 dark:bg-zinc-700  backdrop-blur bg-opacity-60 pb-6 py-2">
+            <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">
+              <a
+                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=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>
               <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 hover:underline"
+                className="text-indigo-600 dark:text-indigo-400 text-sm font-medium flex flex-row justify-center items-center mt-4 hover:underline"
                 target="_blank"
               >
                 <Icon.BsDiscord className="w-4 h-auto mr-1" />
diff --git a/src/components/ConversationView/index.tsx b/src/components/ConversationView/index.tsx
index 2dea3d3..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(steven): remove this after released */}
-        <ProductHuntBanner className="hidden" />
+        <ProductHuntBanner />
         <DataStorageBanner />
         <Header className={showHeaderShadow ? "shadow" : ""} />
       </div>