Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: preferLargeMedia config

Browse Source
This commit is contained in:
Kieran
2023-12-14 12:05:26 +00:00
parent 6e5fba4f15
commit 9e65024652
5 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/app/src/Element/Embed/MediaElement.tsx
View File

@ -37,20 +37,20 @@ const ImageElement = ({ url, meta, onMediaClick }: ImageElementProps) => {
const style = {} as CSSProperties;
if (meta?.height && meta.width && imageRef.current) {
const scale = imageRef.current.offsetWidth / meta.width;
style.height = `${meta.height * scale}px`;
style.height = `${Math.min(document.body.clientHeight * 0.8, meta.height * scale)}px`;
}
return style;
}, [imageRef.current]);
}, [imageRef.current, meta]);
return (
<div className={classNames("flex items-center -mx-4 md:mx-0 my-2", { "md:h-[510px]": !meta })}>
<div className={classNames("flex items-center -mx-4 md:mx-0 my-2", { "md:h-[510px]": !meta && !CONFIG.media.preferLargeMedia })}>
<ProxyImg
key={url}
src={url}
sha256={meta?.sha256}
onClick={onMediaClick}
className={classNames("max-h-[80vh] w-full h-full object-contain object-center md:object-left", {
"md:max-h-[510px]": !meta,
className={classNames("max-h-[80vh] w-full h-full object-contain object-center", {
"md:max-h-[510px]": !meta && !CONFIG.media.preferLargeMedia,
})}
style={style}
ref={imageRef}
@ -77,7 +77,7 @@ const VideoElement = ({ url }: VideoElementProps) => {
}, [inView]);
return (
<div ref={videoContainerRef} className="flex justify-center items-center -mx-4 md:mx-0 md:h-[510px] my-2">
<div ref={videoContainerRef} className={classNames("flex justify-center items-center -mx-4 md:mx-0 my-2", { "md:h-[510px]": !CONFIG.media.preferLargeMedia })}>
<video
ref={videoRef}
loop={true}
@ -85,7 +85,7 @@ const VideoElement = ({ url }: VideoElementProps) => {
src={url}
controls
poster={proxy(url)}
className="max-h-[80vh] md:max-h-[510px]"
className={classNames("max-h-[80vh]", { "md:max-h-[510px]": !CONFIG.media.preferLargeMedia })}
onClick={e => e.stopPropagation()}
/>
</div>

2
packages/app/src/Element/ProxyImg.tsx
View File

@ -15,7 +15,7 @@ export const ProxyImg = forwardRef<HTMLImageElement, ProxyImgProps>(
({ size, className, promptToLoadDirectly, missingImageElement, sha256, ...props }: ProxyImgProps, ref) => {
const { proxy } = useImgProxy();
const [loadFailed, setLoadFailed] = useState(false);
const [bypass, setBypass] = useState(CONFIG.bypassImgProxyError);
const [bypass, setBypass] = useState(CONFIG.media.bypassImgProxyError);
if (loadFailed && !bypass && (promptToLoadDirectly ?? true)) {
return (