From 4459440e86c8d12bef843281a775b01869f4ce8c Mon Sep 17 00:00:00 2001
From: Alexander Forbes-Reed <git@alex.forbes.red>
Date: Wed, 8 Jun 2022 19:19:37 +0100
Subject: [PATCH] Experiment

---
 .../components/molecules/PrettyRenderSelection.tsx        | 2 +-
 .../response-pane/components/organisms/PrettyViewer.tsx   | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/features/response-pane/components/molecules/PrettyRenderSelection.tsx b/packages/app/src/features/response-pane/components/molecules/PrettyRenderSelection.tsx
index d1e1944f..c0fb250d 100644
--- a/packages/app/src/features/response-pane/components/molecules/PrettyRenderSelection.tsx
+++ b/packages/app/src/features/response-pane/components/molecules/PrettyRenderSelection.tsx
@@ -32,7 +32,7 @@ const PrettyRenderSelection: React.FC<React.PropsWithChildren<PrettyRenderSelect
 					<option value={'video'}>{'Video'}</option>
 				</optgroup>
 				<optgroup label={'Other'}>
-					<option disabled>{'Web'}</option>
+					<option value={'web'}>{'Web'}</option>
 					<option value={'hex'}>{'Hex'}</option>
 				</optgroup>
 			</Select>
diff --git a/packages/app/src/features/response-pane/components/organisms/PrettyViewer.tsx b/packages/app/src/features/response-pane/components/organisms/PrettyViewer.tsx
index 71ddab88..f29b0cc9 100644
--- a/packages/app/src/features/response-pane/components/organisms/PrettyViewer.tsx
+++ b/packages/app/src/features/response-pane/components/organisms/PrettyViewer.tsx
@@ -175,6 +175,14 @@ function renderFormat(language: string | null, contentType: string | null, body:
 			);
 		}
 
+		case 'web': {
+			const blob = URL.createObjectURL(new Blob([body], { type: contentType ?? 'text/html' }));
+
+			return (
+				<iframe src={blob} />
+			);
+		}
+
 		case null:
 		default: {
 			const text = new TextDecoder().decode(body);