diff --git a/packages/app/src/Element/Avatar.tsx b/packages/app/src/Element/Avatar.tsx index 19ffc4d..c7de323 100644 --- a/packages/app/src/Element/Avatar.tsx +++ b/packages/app/src/Element/Avatar.tsx @@ -2,7 +2,7 @@ import "./Avatar.css"; import Nostrich from "nostrich.webp"; import { CSSProperties, useEffect, useState } from "react"; import type { UserMetadata } from "@snort/nostr"; -import useImgProxy from "Feed/ImgProxy"; +import useImgProxy from "Hooks/useImgProxy"; const Avatar = ({ user, ...rest }: { user?: UserMetadata; onClick?: () => void }) => { const [url, setUrl] = useState(Nostrich); diff --git a/packages/app/src/Element/ProxyImg.tsx b/packages/app/src/Element/ProxyImg.tsx index 37893c1..d20074a 100644 --- a/packages/app/src/Element/ProxyImg.tsx +++ b/packages/app/src/Element/ProxyImg.tsx @@ -1,4 +1,4 @@ -import useImgProxy from "Feed/ImgProxy"; +import useImgProxy from "Hooks/useImgProxy"; import { useEffect, useState } from "react"; interface ProxyImgProps extends React.DetailedHTMLProps, HTMLImageElement> { diff --git a/packages/app/src/Feed/ImgProxy.ts b/packages/app/src/Hooks/useImgProxy.ts similarity index 92% rename from packages/app/src/Feed/ImgProxy.ts rename to packages/app/src/Hooks/useImgProxy.ts index d48ad26..93bd09d 100644 --- a/packages/app/src/Feed/ImgProxy.ts +++ b/packages/app/src/Hooks/useImgProxy.ts @@ -30,7 +30,7 @@ export default function useImgProxy() { return { proxy: async (url: string, resize?: number) => { if (!settings) return url; - const opt = resize ? `rs:fit:${resize}:${resize}` : ""; + const opt = resize ? `rs:fit:${resize}:${resize}/dpr:${window.devicePixelRatio}` : ""; const urlBytes = te.encode(url); const urlEncoded = urlSafe(base64.encode(urlBytes, 0, urlBytes.byteLength)); const path = `/${opt}/${urlEncoded}`; diff --git a/packages/app/src/State/Login.ts b/packages/app/src/State/Login.ts index 8c40c44..ef8929a 100644 --- a/packages/app/src/State/Login.ts +++ b/packages/app/src/State/Login.ts @@ -4,7 +4,7 @@ import { DefaultRelays } from "Const"; import { HexKey, TaggedRawEvent } from "@snort/nostr"; import { RelaySettings } from "@snort/nostr"; import type { AppDispatch, RootState } from "State/Store"; -import { ImgProxySettings } from "Feed/ImgProxy"; +import { ImgProxySettings } from "Hooks/useImgProxy"; const PrivateKeyItem = "secret"; const PublicKeyItem = "pubkey";