diff --git a/apps/www/pages/realtime/Realtime.tsx b/apps/www/pages/realtime/Realtime.tsx index 57f90110a82..0029bac548e 100644 --- a/apps/www/pages/realtime/Realtime.tsx +++ b/apps/www/pages/realtime/Realtime.tsx @@ -1,4 +1,4 @@ -import { IconGrid, IconLayers, IconMenu } from '@supabase/ui' +import { Button, IconGrid, IconLayers, IconMenu } from '@supabase/ui' import ApiExamples from 'data/products/realtime/api-examples' import AppExamples from 'data/products/realtime/app-examples' import Solutions from 'data/Solutions.json' @@ -13,6 +13,7 @@ import GithubExamples from '~/components/Sections/GithubExamples' import ProductHeader from '~/components/Sections/ProductHeader' import RealtimeStyles from './Realtime.module.css' import 'swiper/swiper.min.css' +import Link from 'next/link' const Cursor = ({ className = '', color = 'none' }) => { return ( @@ -161,6 +162,13 @@ function RealtimePage() { Some of the common use cases of Presence include tracking which clients are currently online. +
+ + + +
@@ -176,6 +184,13 @@ function RealtimePage() { Other clients can decide to want messages based on that topic, spin up a Channel with that topic name, and receive messages. +
+ + + +