Fix bottom nav (#2070)

* Fix * Update dep * Fix layout
yral-dapp · Jan 5, 2024 · 08953b9 · 08953b9
1 parent 0527a30
commit 08953b9
Show file tree

Hide file tree

Showing 10 changed files with 406 additions and 476 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -15,7 +15,6 @@
     "throttle-debounce": "5.0.0"
   },
   "devDependencies": {
-    "@sentry/sveltekit": "7.91.0",
     "@tailwindcss/forms": "0.5.7",
     "svelte": "4.2.8",
     "svelte-check": "3.6.2",

diff --git a/packages/components/web-client/layout/HomeLayout.svelte b/packages/components/web-client/layout/HomeLayout.svelte
@@ -1,5 +1,5 @@
 <home
-  style="height:100vh;"
+  style="height:100dvh;"
   class="relative block h-full w-full overflow-hidden text-white">
   <slot name="content" />
   <div class="absolute inset-x-0 top-0 z-[11]">

diff --git a/packages/components/web-client/layout/HotOrNotLayout.svelte b/packages/components/web-client/layout/HotOrNotLayout.svelte
@@ -1,5 +1,5 @@
 <hot-or-not-layout
-  style="height: 100vh;"
+  style="height: 100dvh;"
   class="relative block h-full w-full overflow-hidden text-white">
   <slot name="content" />
   <div class="absolute inset-x-0 top-0 z-[5]">

diff --git a/packages/components/web-client/layout/ProfileLayout.svelte b/packages/components/web-client/layout/ProfileLayout.svelte
@@ -1,5 +1,5 @@
 <profile-layout
-  style="height: 100vh;"
+  style="height: 100dvh;"
   class="relative flex h-full w-full flex-col overflow-hidden text-white">
   <div
     class="relative z-[2] flex h-12 w-full items-center justify-center bg-black py-8 shadow-xl shadow-black/50">

diff --git a/packages/experiments/package.json b/packages/experiments/package.json
@@ -38,14 +38,14 @@
     "autoprefixer": "^10.4.16",
     "date-fns": "^3.0.6",
     "dotenv": "^16.3.1",
-    "postcss": "^8.4.32",
+    "postcss": "^8.4.33",
     "@rajesh896/broprint.js": "2.1.1",
     "svelte": "^4.2.8",
     "svelte-check": "^3.6.2",
     "svelte-preprocess": "^5.1.3",
     "tailwindcss": "^3.4.0",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
-    "vite": "^5.0.10"
+    "vite": "^5.0.11"
   }
 }
diff --git a/packages/web-client/package.json b/packages/web-client/package.json
@@ -31,7 +31,7 @@
     "@dfinity/principal": "^0.20.2",
     "@hnn/declarations": "*",
     "@hnn/components": "*",
-    "@sentry/sveltekit": "^7.91.0",
+    "@sentry/sveltekit": "^7.92.0",
     "buffer": "^6.0.3",
     "clsx": "^2.0.0",
     "hls.js": "^1.4.11",
@@ -50,7 +50,7 @@
     "@types/gtag.js": "^0.0.18",
     "@types/throttle-debounce": "^5.0.0",
     "@types/w3c-image-capture": "^1.0.10",
-    "@vitest/ui": "^1.1.1",
+    "@vitest/ui": "^1.1.3",
     "autoprefixer": "^10.4.16",
     "c8": "^9.0.0",
     "cypress": "^13.6.2",
@@ -59,7 +59,7 @@
     "dotenv": "^16.3.1",
     "isomorphic-fetch": "^3.0.0",
     "jsdom": "^23.0.1",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.33",
     "svelte": "^4.2.8",
     "svelte-check": "^3.6.2",
     "svelte-easy-crop": "^2.0.2",
@@ -68,9 +68,9 @@
     "ts-node": "^10.9.2",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
-    "vite": "^5.0.10",
+    "vite": "^5.0.11",
     "vite-plugin-node-polyfills": "^0.19.0",
     "vite-tsconfig-paths": "^4.2.3",
-    "vitest": "^1.1.1"
+    "vitest": "^1.1.3"
   }
 }
diff --git a/packages/web-client/src/lib/components/layout/PlayerLayout.svelte b/packages/web-client/src/lib/components/layout/PlayerLayout.svelte
@@ -52,9 +52,11 @@ async function fetchThumbnail() {
     if (thumb.status === 404) {
       unavailable = true
       dispatch('unavailable')
+    } else {
+      imgLoaded = true
     }
-  } finally {
-    imgLoaded = true
+  } catch (_) {
+    unavailable = true
   }
 }
 

diff --git a/packages/web-client/tsconfig.json b/packages/web-client/tsconfig.json
@@ -21,6 +21,7 @@
     "module": "ESNext",
     "allowJs": false,
     "esModuleInterop": true,
+
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
     "skipLibCheck": true,

diff --git a/packages/workers/package.json b/packages/workers/package.json
@@ -14,6 +14,6 @@
     "itty-router": "^4.0.26"
   },
   "devDependencies": {
-    "wrangler": "^3.22.2"
+    "wrangler": "^3.22.3"
   }
 }