chore: show product hunt banner

This commit is contained in:
steven
2023-04-20 15:08:21 +08:00
parent c1e5957038
commit ae8dc10768
3 changed files with 9 additions and 12 deletions

View File

@ -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"

View File

@ -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>

View File

@ -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")}