diff --git a/apps/www/components/LaunchWeek/X/Releases/BuildStage.tsx b/apps/www/components/LaunchWeek/X/Releases/BuildStage.tsx
index 5c5e3d83eff..a204afe77af 100644
--- a/apps/www/components/LaunchWeek/X/Releases/BuildStage.tsx
+++ b/apps/www/components/LaunchWeek/X/Releases/BuildStage.tsx
@@ -36,7 +36,7 @@ const BuildStage: FC = () => {
>
{days.map((day, i) => (
{
const isTablet = useBreakpoint(1024)
const ticketRef = useRef(null)
const hiddenRef = useRef(null)
+ const { width } = useWindowSize()
const [hiddenHeight, setHiddenHeight] = useState(0)
const transition = { type: 'spring', damping: 10, mass: 0.75, stiffness: 100, delay: index / 15 }
const variants = {
@@ -44,10 +46,11 @@ const AdventCard = ({ day, index }: { day: AdventDay; index: number }) => {
const { height } = hiddenRef.current.getBoundingClientRect()
setHiddenHeight(height)
}
- }, [hiddenRef])
+ }, [hiddenRef, width])
return (
{
}}
>
{day.icon}
diff --git a/apps/www/components/LaunchWeek/X/Releases/data/lwx_advent_days.tsx b/apps/www/components/LaunchWeek/X/Releases/data/lwx_advent_days.tsx
index 816809ee763..71e363dca86 100644
--- a/apps/www/components/LaunchWeek/X/Releases/data/lwx_advent_days.tsx
+++ b/apps/www/components/LaunchWeek/X/Releases/data/lwx_advent_days.tsx
@@ -121,7 +121,7 @@ export const days: AdventDay[] = [
/>
),
- id: '',
+ id: 'design-at-supabase',
is_shipped: true,
links: [
{
@@ -132,16 +132,31 @@ export const days: AdventDay[] = [
image: '',
},
{
- title: '',
+ title: 'Supabase Grafana',
+ description: 'Observability for your Supabase project',
type: '',
- is_shipped: false,
+ is_shipped: true,
className: '',
- icon: '',
- id: '',
+ icon: (
+
+ ),
+ id: 'supabase-grafana',
links: [
{
- url: '',
- label: '',
+ url: 'https://github.com/supabase/supabase-grafana',
+ label: 'View on GitHub',
+ target: '_blank',
},
],
image: '',