Files
supabase/apps/www/components/LaunchWeek/11/HackathonCallout.tsx
T
8864e5633c docs: storage s3 protocol (#22647)
* docs: storage s3 protocol

* fix: edits

* docs(storage): added ownership,management,custom-roles docs

* chore: fix prettier

* docs: fix formatting & rephrase some bits

* fix: edits

* add error codes documentation

* update docs

* Adds blog post

* Adds embeds

* chore: update images

* parquet video

* Update thumb.png

* some doc updates

* Adds compat list

* guide: cyberduck

* doc updates

* ga page data

* blog updates

* update image

* Update 2024-04-18-s3-compatible-storage.mdx

* Update supabase-contributions.png

* blog update

* moves cyberduck to integrations

* updated multipart section blog

* Update 2024-04-18-s3-compatible-storage.mdx

* update blog

* fix link

* blog updates

* update blog

* docs update

* update announcement banners

* update

* update build stage

* update

---------

Co-authored-by: Charis <26616127+charislam@users.noreply.github.com>
Co-authored-by: Kang Ming <kang.ming1996@gmail.com>
Co-authored-by: Inian <inian1234@gmail.com>
Co-authored-by: Copple <10214025+kiwicopple@users.noreply.github.com>
Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Co-authored-by: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Co-authored-by: Francesco Sansalvadore <francescosansalvadore@mac.wind3.hub>
2024-04-18 14:57:16 +02:00

39 lines
1.1 KiB
TypeScript

import React from 'react'
import { TextLink, cn } from 'ui'
import CountdownComponent from './Countdown'
import { LW11_LAUNCH_DATE_END } from '~/lib/constants'
const HackathonCallout = ({ className }: { className?: string }) => {
const isActive = new Date() < new Date(LW11_LAUNCH_DATE_END)
return (
<div
className={cn(
'font-mono uppercase tracking-[1px] py-8 scroll-mt-16 flex flex-col md:flex-row justify-between gap-2',
className
)}
>
<div className="!text-foreground [&_*]:text-foreground text-sm flex flex-col sm:flex-row sm:items-center sm:gap-3">
{isActive ? (
<>
Hackathon ends in <CountdownComponent date={LW11_LAUNCH_DATE_END} showCard={false} />
</>
) : (
'Open Source Hackathon 2024'
)}
</div>
<div className="!m-0 flex items-center">
<TextLink
label="Learn more"
url="/blog/supabase-oss-hackathon"
target="_blank"
hasChevron
className="m-0"
/>
</div>
</div>
)
}
export default HackathonCallout