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> </button>
</div> </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"> <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 <a
className="hidden dark:hidden" className="dark:hidden"
href="https://www.producthunt.com/posts/sql-chat?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-sql&#0045;chat" 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" target="_blank"
> >
<img <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" 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" }} style={{ width: "250px", height: "54px" }}
width="250" width="250"
height="54" height="54"
/> />
</a> </a>
{/* TODO: remove this after releasing */}
<a <a
className="!hidden dark:block" 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" 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" target="_blank"
> >
<img <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" 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" }} style={{ width: "250px", height: "54px" }}
width="250" 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`} } 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"> <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 />
<ProductHuntBanner className="hidden" />
<DataStorageBanner /> <DataStorageBanner />
<Header className={showHeaderShadow ? "shadow" : ""} /> <Header className={showHeaderShadow ? "shadow" : ""} />
</div> </div>

View File

@ -16,11 +16,11 @@ const ProductHuntBanner = (props: Props) => {
<div <div
className={`${!show && "!hidden"} ${ className={`${!show && "!hidden"} ${
className || "" 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 <a
className="text-sm leading-6 pr-4 cursor-pointer hover:underline" 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" target="_blank"
> >
{t("banner.product-hunt")} {t("banner.product-hunt")}