From 1d5107bd8961e6b8ef105cc62e7b66ec3a8ffc24 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Fri, 1 Dec 2023 17:42:13 +0200
Subject: [PATCH] hide mobile footer in dm view, fix ProxyImg

---
 packages/app/src/Element/Button/NavLink.tsx    | 2 +-
 packages/app/src/Element/ProxyImg.tsx          | 2 +-
 packages/app/src/Pages/Layout/index.tsx        | 4 ++--
 packages/app/src/Pages/Profile/ProfilePage.tsx | 4 +++-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/Element/Button/NavLink.tsx b/packages/app/src/Element/Button/NavLink.tsx
index 1ea45e80..4f03e79a 100644
--- a/packages/app/src/Element/Button/NavLink.tsx
+++ b/packages/app/src/Element/Button/NavLink.tsx
@@ -6,7 +6,7 @@ export default function NavLink(props: NavLinkProps) {
 
   const isActive = location.pathname === to.toString();
 
-  const handleClick = (event) => {
+  const handleClick = event => {
     if (onClick) {
       onClick(event);
     }
diff --git a/packages/app/src/Element/ProxyImg.tsx b/packages/app/src/Element/ProxyImg.tsx
index a0cba58b..0721d5cb 100644
--- a/packages/app/src/Element/ProxyImg.tsx
+++ b/packages/app/src/Element/ProxyImg.tsx
@@ -33,7 +33,7 @@ export const ProxyImg = ({ size, className, promptToLoadDirectly, missingImageEl
       </div>
     );
   }
-  const src = bypass ? props.src : proxy(props.src ?? "", size);
+  const src = loadFailed && bypass ? props.src : proxy(props.src ?? "", size);
   if (!src || (loadFailed && !bypass)) return missingImageElement;
   return (
     <img
diff --git a/packages/app/src/Pages/Layout/index.tsx b/packages/app/src/Pages/Layout/index.tsx
index b2fabbf9..5f30645c 100644
--- a/packages/app/src/Pages/Layout/index.tsx
+++ b/packages/app/src/Pages/Layout/index.tsx
@@ -1,5 +1,5 @@
 import "./Layout.css";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback } from "react";
 import { Outlet, useLocation } from "react-router-dom";
 
 import Icon from "@/Icons/Icon";
@@ -59,7 +59,7 @@ export default function Index() {
       </div>
       <LoginUnlock />
       {isStalker && <StalkerModal id={id} />}
-      {!shouldHideFooter && <Footer/>}
+      {!shouldHideFooter && <Footer />}
     </div>
   );
 }
diff --git a/packages/app/src/Pages/Profile/ProfilePage.tsx b/packages/app/src/Pages/Profile/ProfilePage.tsx
index 630a7e91..5c29edbc 100644
--- a/packages/app/src/Pages/Profile/ProfilePage.tsx
+++ b/packages/app/src/Pages/Profile/ProfilePage.tsx
@@ -357,6 +357,8 @@ export default function ProfilePage({ id: propId, state }: ProfilePageProps) {
     return <TabElement key={v.value} t={v} tab={tab} setTab={setTab} />;
   }
 
+  const bannerWidth = Math.min(window.innerWidth, 940);
+
   return (
     <>
       <div className="profile">
@@ -365,7 +367,7 @@ export default function ProfilePage({ id: propId, state }: ProfilePageProps) {
             alt="banner"
             className="banner pointer"
             src={user.banner}
-            size={940}
+            size={bannerWidth}
             onClick={() => setModalImage(user.banner || "")}
           />
         )}