From 4b2b6f9089a273a4a47ec0e451571d6a51b43cc5 Mon Sep 17 00:00:00 2001
From: Silberengel <silberengel7@protonmail.com>
Date: Mon, 16 Mar 2026 19:19:23 +0100
Subject: [PATCH] bug-fixes

---
 src/components/Explore/index.tsx         | 28 +++++++++++++-----------
 src/components/RelaySimpleInfo/index.tsx |  4 ++--
 src/layouts/PrimaryPageLayout/index.tsx  |  1 +
 src/lib/error-suppression.ts             | 14 ++++++++++--
 4 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/components/Explore/index.tsx b/src/components/Explore/index.tsx
index c4ae82f2..dae3f51c 100644
--- a/src/components/Explore/index.tsx
+++ b/src/components/Explore/index.tsx
@@ -30,7 +30,7 @@ export default function Explore() {
   }
 
   return (
-    <div className="space-y-6">
+    <div className="min-w-0 w-full overflow-x-hidden space-y-6">
       {collections.map((collection) => (
         <RelayCollection key={collection.id} collection={collection} />
       ))}
@@ -41,16 +41,16 @@ export default function Explore() {
 function RelayCollection({ collection }: { collection: TAwesomeRelayCollection }) {
   const { deepBrowsing } = useDeepBrowsing()
   return (
-    <div>
+    <div className="min-w-0">
       <div
         className={cn(
-          'sticky bg-background z-20 px-4 py-3 text-2xl font-semibold max-md:border-b',
+          'sticky bg-background z-20 px-4 py-3 text-2xl font-semibold max-md:border-b min-w-0 break-words',
           deepBrowsing ? 'top-12' : 'top-24'
         )}
       >
         {collection.name}
       </div>
-      <div className="grid md:px-4 md:grid-cols-2 md:gap-3">
+      <div className="grid min-w-0 md:px-4 md:grid-cols-2 md:gap-3">
         {collection.relays.map((url) => (
           <RelayItem key={url} url={url} />
         ))}
@@ -72,14 +72,16 @@ function RelayItem({ url }: { url: string }) {
   }
 
   return (
-    <RelaySimpleInfo
-      key={relayInfo.url}
-      className="clickable h-auto px-4 py-3 border-b md:rounded-lg md:border"
-      relayInfo={relayInfo}
-      onClick={(e) => {
-        e.stopPropagation()
-        navigateToRelay(toRelay(relayInfo.url))
-      }}
-    />
+    <div className="min-w-0">
+      <RelaySimpleInfo
+        key={relayInfo.url}
+        className="clickable h-auto px-4 py-3 border-b md:rounded-lg md:border min-w-0"
+        relayInfo={relayInfo}
+        onClick={(e) => {
+          e.stopPropagation()
+          navigateToRelay(toRelay(relayInfo.url))
+        }}
+      />
+    </div>
   )
 }
diff --git a/src/components/RelaySimpleInfo/index.tsx b/src/components/RelaySimpleInfo/index.tsx
index 40d3dd87..8dadca30 100644
--- a/src/components/RelaySimpleInfo/index.tsx
+++ b/src/components/RelaySimpleInfo/index.tsx
@@ -19,8 +19,8 @@ export default function RelaySimpleInfo({
   const { t } = useTranslation()
 
   return (
-    <div className={cn('space-y-1', className)} {...props}>
-      <div className="flex items-start justify-between gap-2 w-full">
+    <div className={cn('min-w-0 space-y-1', className)} {...props}>
+      <div className="flex items-start justify-between gap-2 w-full min-w-0">
         <div className="flex flex-1 w-0 items-center gap-2">
           <RelayIcon url={relayInfo?.url} className="h-9 w-9" />
           <div className="flex-1 w-0">
diff --git a/src/layouts/PrimaryPageLayout/index.tsx b/src/layouts/PrimaryPageLayout/index.tsx
index 7f63dad8..55c5e9cc 100644
--- a/src/layouts/PrimaryPageLayout/index.tsx
+++ b/src/layouts/PrimaryPageLayout/index.tsx
@@ -72,6 +72,7 @@ const PrimaryPageLayout = forwardRef(
         <DeepBrowsingProvider active={current === pageName && display}>
           <div
             ref={smallScreenScrollAreaRef}
+            className="min-w-0 overflow-x-hidden"
             style={{
               paddingBottom: 'calc(env(safe-area-inset-bottom) + 3rem)'
             }}
diff --git a/src/lib/error-suppression.ts b/src/lib/error-suppression.ts
index ea993897..78dc3aac 100644
--- a/src/lib/error-suppression.ts
+++ b/src/lib/error-suppression.ts
@@ -136,7 +136,12 @@ export function suppressExpectedErrors() {
     if (message.includes('unrecognised filter item') || message.includes('unrecognized filter item')) {
       return
     }
-    
+
+    // Suppress "unreachable code after return" from third-party scripts (e.g. YouTube embed, bundled deps)
+    if (message.includes('unreachable code after return statement')) {
+      return
+    }
+
     // Call original console.error for unexpected errors
     originalConsoleError.apply(console, args)
   }
@@ -220,7 +225,12 @@ export function suppressExpectedErrors() {
         message.includes('too many concurrent REQs')) {
       return
     }
-    
+
+    // Suppress "unreachable code after return" from third-party scripts (e.g. YouTube embed, bundled deps)
+    if (message.includes('unreachable code after return statement')) {
+      return
+    }
+
     // Call original console.warn for unexpected warnings
     originalConsoleWarn.apply(console, args)
   }