From b9a7fa8b4cf4955c6bfa739b58f3031147877788 Mon Sep 17 00:00:00 2001
From: chris48s <git@chris-shaw.dev>
Date: Sat, 10 Dec 2022 20:35:15 +0000
Subject: [PATCH] render svg response as <img>

---
 src/shields-theme/Response.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/shields-theme/Response.tsx b/src/shields-theme/Response.tsx
index 26aee1a..41d8e65 100644
--- a/src/shields-theme/Response.tsx
+++ b/src/shields-theme/Response.tsx
@@ -43,6 +43,10 @@ function Response() {
 
   return (
     <FloatingButton onClick={() => dispatch(clearResponse())} label="Clear">
+     { response.startsWith("<svg ")
+       &&
+         <img src={`data:image/svg+xml;utf8,${encodeURIComponent(response)}`} />
+       ||
       <pre
         style={{
           background: "var(--openapi-card-background-color)",
@@ -52,6 +56,7 @@ function Response() {
       >
         <code>{prettyResponse || "No Response"}</code>
       </pre>
+      }
     </FloatingButton>
   );
 }