DEV :: same styles

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

@@ -1,6 +1,7 @@
 'use client';
 import { Loading } from 'react-basics';
 import { usePathname } from 'next/navigation';
+import { useEffect } from 'react';
 import Page from 'components/layout/Page';
 import FilterTags from 'components/metrics/FilterTags';
 import { useNavigation, useWebsite } from 'components/hooks';
@@ -12,18 +13,34 @@ import WebsiteTableView from './WebsiteTableView';
 
 export default function WebsiteDetails({ websiteId }: { websiteId: string }) {
   const { data: website, isLoading, error } = useWebsite(websiteId);
+  const pathname = usePathname();
   const { query } = useNavigation();
 
   if (isLoading || error) {
     return <Page isLoading={isLoading} error={error} />;
   }
 
-  const showLinks = false
+  const showLinks = !pathname.includes('/share/');
   const { view, ...params } = query;
+  useEffect(() => {
+    // Send message to parent window with content height
+    const sendHeight = () => {
+      const height = document.body.scrollHeight;
+      window.parent.postMessage({ height: height }, "*");
+    };
 
+    // Send content height initially and on resize
+    sendHeight();
+    window.addEventListener('resize', sendHeight);
+
+    // Cleanup event listener on component unmount
+    return () => {
+      window.removeEventListener('resize', sendHeight);
+    };
+  }, []);
   return (
     <>
-      <WebsiteHeader websiteId={websiteId} showLinks={showLinks} />
+      {showLinks && <WebsiteHeader websiteId={websiteId} showLinks={showLinks} />}
       <FilterTags websiteId={websiteId} params={params} />
       <WebsiteMetricsBar websiteId={websiteId} sticky={false} />
       <WebsiteChart websiteId={websiteId} />

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

@@ -48,11 +48,12 @@ export function WebsiteHeader({
 
   return (
     <div className={styles.header}>
+      {showLinks && (
       <div className={styles.title}>
         <Favicon domain={domain} />
         <Text>{name}</Text>
         <ActiveUsers websiteId={websiteId} />
-      </div>
+      </div>)}
       <div className={styles.actions}>
         {showLinks && (
           <div className={styles.links}>

src/app/share/[...shareId]/Header.module.css

@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: space-between;
+  justify-content: end;
   width: 100%;
   height: 100px;
 }