From 94cab1ea7c6e2dd1318fa6c8e9121161c07d8b44 Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Fri, 10 Jul 2026 21:58:38 +0200
Subject: [PATCH] fix: lock body scroll + remove scrollbar on wrapup share card

---
 spa/src/components/wrapup-share-card.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/spa/src/components/wrapup-share-card.tsx b/spa/src/components/wrapup-share-card.tsx
index dfa3523..70a69f9 100644
--- a/spa/src/components/wrapup-share-card.tsx
+++ b/spa/src/components/wrapup-share-card.tsx
@@ -1,4 +1,4 @@
-import { useRef, useState } from "react"
+import { useEffect, useRef, useState } from "react"
 import { useTranslation } from "react-i18next"
 import { Download, Share2, X } from "lucide-react"
 import html2canvas from "html2canvas-pro"
@@ -18,6 +18,11 @@ export function WrapUpShareCard({ report, onClose }: Props) {
   const cardRef = useRef<HTMLDivElement>(null)
   const [exporting, setExporting] = useState(false)
 
+  useEffect(() => {
+    document.body.style.overflow = "hidden"
+    return () => { document.body.style.overflow = "" }
+  }, [])
+
   const watchHours = Math.round(report.total_watch_time_minutes / 60)
   const topGenre = report.top_genres[0]?.genre
   const topDirector = report.top_directors[0]?.name
@@ -66,7 +71,7 @@ export function WrapUpShareCard({ report, onClose }: Props) {
         </Button>
       </div>
 
-      <div className="max-h-[75vh] overflow-y-auto rounded-2xl">
+      <div className="max-h-[75vh] rounded-2xl">
         <div
           ref={cardRef}
           className="relative w-[360px] overflow-hidden rounded-2xl"