Hide replays from share page

src/app/(main)/websites/[websiteId]/sessions/SessionModal.tsx

@@ -10,9 +10,11 @@ export interface SessionModalProps extends ModalProps {
 export function SessionModal({ websiteId, ...props }: SessionModalProps) {
   const {
     router,
+    pathname,
     query: { session },
     updateParams,
   } = useNavigation();
+  const isSharePage = pathname.includes('/share/');
   const handleOpenChange = (isOpen: boolean) => {
     if (!isOpen) {
       router.push(updateParams({ session: undefined }));
@@ -32,7 +34,7 @@ export function SessionModal({ websiteId, ...props }: SessionModalProps) {
         <Dialog variant="sheet" className="rounded-lg">
           {({ close }) => (
             <Column padding="10">
-              <SessionProfile websiteId={websiteId} sessionId={session} onClose={() => close()} />
+              <SessionProfile websiteId={websiteId} sessionId={session} showReplays={!isSharePage} onClose={() => close()} />
             </Column>
           )}
         </Dialog>

src/app/(main)/websites/[websiteId]/sessions/SessionProfile.tsx

@@ -23,10 +23,12 @@ import { SessionStats } from './SessionStats';
 export function SessionProfile({
   websiteId,
   sessionId,
+  showReplays = true,
   onClose,
 }: {
   websiteId: string;
   sessionId: string;
+  showReplays?: boolean;
   onClose?: () => void;
 }) {
   const { data, isLoading, error } = useWebsiteSessionQuery(websiteId, sessionId);
@@ -65,7 +67,7 @@ export function SessionProfile({
               <TabList>
                 <Tab id="activity">{t(labels.activity)}</Tab>
                 <Tab id="properties">{t(labels.properties)}</Tab>
-                <Tab id="replays">{t(labels.replays)}</Tab>
+                {showReplays && <Tab id="replays">{t(labels.replays)}</Tab>}
               </TabList>
               <TabPanel id="activity">
                 <SessionActivity
@@ -78,9 +80,11 @@ export function SessionProfile({
               <TabPanel id="properties">
                 <SessionData sessionId={sessionId} websiteId={websiteId} />
               </TabPanel>
-              <TabPanel id="replays">
+              {showReplays && (
-                <SessionReplaysDataTable websiteId={websiteId} sessionId={sessionId} />
+                <TabPanel id="replays">
-              </TabPanel>
+                  <SessionReplaysDataTable websiteId={websiteId} sessionId={sessionId} />
+                </TabPanel>
+              )}
             </Tabs>
           </Column>
         </Column>