mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 15:19:08 +03:00
1b46882326
* tiger d2 * update lw12 summary link * update title * update visual * highlight build stage on scroll * initial commit * Small adjustment to make the hook punchier * final edits * add SVGs for LW page * add og and thumbs * Update og.jpg * update title, add blog link and video slug * switch to lighter pngs * promo toast * og --------- 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>
41 lines
1.6 KiB
TypeScript
41 lines
1.6 KiB
TypeScript
import { useState, useRef } from 'react'
|
|
import { LW_URL } from '~/lib/constants'
|
|
import { Check, Copy } from 'lucide-react'
|
|
import useConfData from '../../hooks/use-conf-data'
|
|
|
|
export default function TicketCopy() {
|
|
const { userData } = useConfData()
|
|
const { username, platinum, secret } = userData
|
|
const [copied, setCopied] = useState(false)
|
|
const buttonRef = useRef<HTMLButtonElement>(null)
|
|
const hasSecretTicket = secret
|
|
const displayUrl = `.../launch-week/tickets/${username}?lw=13${
|
|
hasSecretTicket ? '&secret=true' : platinum ? `&platinum=true` : ''
|
|
}`
|
|
const url = `${LW_URL}/tickets/${username}?lw=13${
|
|
hasSecretTicket ? '&secret=true' : platinum ? `&platinum=true` : ''
|
|
}`
|
|
|
|
return (
|
|
<button
|
|
type="button"
|
|
name="Copy"
|
|
ref={buttonRef}
|
|
onClick={() => {
|
|
navigator.clipboard.writeText(url).then(() => {
|
|
setCopied(true)
|
|
setTimeout(() => {
|
|
setCopied(false)
|
|
}, 2000)
|
|
})
|
|
}}
|
|
className="font-mono w-full flex-grow px-2 lg:px-3.5 !pr-1 py-1 rounded-md bg-alternative-200 border flex gap-2 relative text-foreground-light hover:text-foreground text-xs pointer-events-auto justify-between items-center hover:border-stronger transition-all max-w-[80vw]"
|
|
>
|
|
<span className="truncate">{displayUrl}</span>
|
|
<div className="w-6 min-w-6 h-6 flex items-center justify-center flex-shrink-0 border border-strong rounded bg-muted hover:bg-selection hover:border-stronger">
|
|
{copied ? <Check size={14} strokeWidth={3} /> : <Copy size={14} strokeWidth={1.5} />}
|
|
</div>
|
|
</button>
|
|
)
|
|
}
|