Files
supabase/apps/studio/components/interfaces/Realtime/Inspector/NoChannelEmptyState.tsx
T
5f533247e1 Update docs url to env var (#38772)
* Update Supabase docs URLs to use env variable

Co-authored-by: a <a@alaisteryoung.com>

* Refactor: Use DOCS_URL constant for documentation links

This change centralizes documentation links using a new DOCS_URL constant, improving maintainability and consistency.

Co-authored-by: a <a@alaisteryoung.com>

* Refactor: Use DOCS_URL constant for all documentation links

This change replaces hardcoded documentation URLs with a centralized constant, improving maintainability and consistency.

Co-authored-by: a <a@alaisteryoung.com>

* replace more instances

* ci: Autofix updates from GitHub workflow

* remaining instances

* fix duplicate useRouter

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: alaister <10985857+alaister@users.noreply.github.com>
2025-09-26 10:16:33 +00:00

29 lines
1.2 KiB
TypeScript

import { DocsButton } from 'components/ui/DocsButton'
import { DOCS_URL } from 'lib/constants'
import { cn } from 'ui'
const NoChannelEmptyState = () => {
return (
<div className="border bg-studio border-border rounded-md justify-start items-center flex flex-col w-10/12 relative">
<div className="w-full px-5 py-4 items-center gap-4 inline-flex border-b rounded-t-md">
<div className="grow flex-col flex gap-y-1">
<p className="text-foreground">Join a channel to start listening to messages</p>
<p className="text-foreground-lighter text-xs">
Channels are the building blocks of realtime where clients can bi-directionally send and
receive messages in.
</p>
</div>
</div>
<div className={cn('w-full px-5 py-4 items-center gap-4 inline-flex')}>
<div className="grow flex-col flex">
<p className="text-foreground">Not sure what to do?</p>
<p className="text-foreground-lighter text-xs">Browse our documentation</p>
</div>
<DocsButton href={`${DOCS_URL}/guides/realtime`} />
</div>
</div>
)
}
export default NoChannelEmptyState