render svg response as <img>

chris48s · Dec 10, 2022 · b9a7fa8 · b9a7fa8
1 parent 8275317
commit b9a7fa8
Showing 1 changed file with 5 additions and 0 deletions.
diff --git 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>
   );
 }