c6a8fb1117
* chore: Bump matrix-js-sdk to 34.4.0 * feat: Authenticated media support * chore: Use Vite PWA for service worker support * fix: Fix Vite PWA SW entry point Forget this. :P * fix: Also add Nginx rewrite for sw.js * fix: Correct Nginx rewrite * fix: Add Netlify redirect for sw.js Otherwise the generic SPA rewrite to index.html would take effect, breaking Service Worker. * fix: Account for subpath when regisering service worker * chore: Correct types
39 lines
1.4 KiB
TypeScript
39 lines
1.4 KiB
TypeScript
import { ReactNode, useCallback, useEffect } from 'react';
|
|
import { IThumbnailContent } from '../../../../types/matrix/common';
|
|
import { useMatrixClient } from '../../../hooks/useMatrixClient';
|
|
import { AsyncStatus, useAsyncCallback } from '../../../hooks/useAsyncCallback';
|
|
import { getFileSrcUrl } from './util';
|
|
import { mxcUrlToHttp } from '../../../utils/matrix';
|
|
import { useSpecVersions } from '../../../hooks/useSpecVersions';
|
|
|
|
export type ThumbnailContentProps = {
|
|
info: IThumbnailContent;
|
|
renderImage: (src: string) => ReactNode;
|
|
};
|
|
export function ThumbnailContent({ info, renderImage }: ThumbnailContentProps) {
|
|
const mx = useMatrixClient();
|
|
const { versions } = useSpecVersions();
|
|
const useAuthentication = versions.includes('v1.11');
|
|
|
|
const [thumbSrcState, loadThumbSrc] = useAsyncCallback(
|
|
useCallback(() => {
|
|
const thumbInfo = info.thumbnail_info;
|
|
const thumbMxcUrl = info.thumbnail_file?.url ?? info.thumbnail_url;
|
|
if (typeof thumbMxcUrl !== 'string' || typeof thumbInfo?.mimetype !== 'string') {
|
|
throw new Error('Failed to load thumbnail');
|
|
}
|
|
return getFileSrcUrl(
|
|
mxcUrlToHttp(mx, thumbMxcUrl, useAuthentication) ?? '',
|
|
thumbInfo.mimetype,
|
|
info.thumbnail_file
|
|
);
|
|
}, [mx, info, useAuthentication])
|
|
);
|
|
|
|
useEffect(() => {
|
|
loadThumbSrc();
|
|
}, [loadThumbSrc]);
|
|
|
|
return thumbSrcState.status === AsyncStatus.Success ? renderImage(thumbSrcState.data) : null;
|
|
}
|