starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-10 03:13:33 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Refactor content viewer components and use for multpart and request body (#333)

Browse Source
This commit is contained in:
Gregory Schier
2025-12-28 13:25:24 -08:00
committed by GitHub
parent 6869aa49ec
commit 394fbbd55d
16 changed files with 325 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src-web/components/responseViewers/SvgViewer.tsx
View File

@@ -1,30 +1,30 @@
import type { HttpResponse } from '@yaakapp-internal/models';
import { useEffect, useState } from 'react';
import { useResponseBodyText } from '../../hooks/useResponseBodyText';
interface Props {
response: HttpResponse;
text: string;
className?: string;
}
export function SvgViewer({ response }: Props) {
const rawTextBody = useResponseBodyText({ response, filter: null });
export function SvgViewer({ text, className }: Props) {
const [src, setSrc] = useState<string | null>(null);
useEffect(() => {
if (!rawTextBody.data) {
if (!text) {
return setSrc(null);
}
const blob = new Blob([rawTextBody.data], { type: 'image/svg+xml;charset=utf-8' });
const blob = new Blob([text], { type: 'image/svg+xml;charset=utf-8' });
const url = URL.createObjectURL(blob);
setSrc(url);
return () => URL.revokeObjectURL(url);
}, [rawTextBody.data]);
}, [text]);
if (src == null) {
return null;
}
return <img src={src} alt="Response preview" className="max-w-full max-h-full pb-2" />;
return (
<img src={src} alt="Response preview" className={className ?? 'max-w-full max-h-full pb-2'} />
);
}