From a06a572d01c3363cffcc09059ea727ca307d0287 Mon Sep 17 00:00:00 2001
From: antho1404 <anthony.estebe@gmail.com>
Date: Fri, 1 Aug 2025 10:26:39 +0700
Subject: [PATCH] add support for html media

---
 components/Token/Media.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/components/Token/Media.tsx b/components/Token/Media.tsx
index 43bac008..76b0380a 100644
--- a/components/Token/Media.tsx
+++ b/components/Token/Media.tsx
@@ -12,7 +12,12 @@ import { FC, useCallback, useEffect, useState } from 'react'
 import { AssetMedia } from '../../hooks/useDetectAssetMedia'
 import Image from '../Image/Image'
 
-const supportedMedia = [/^image\/*/, /^video\/*/, /^application\/octet-stream$/]
+const supportedMedia = [
+  /^image\/*/,
+  /^video\/*/,
+  /^application\/octet-stream$/,
+  /^text\/html$/,
+]
 
 const TokenMedia: FC<{
   media: AssetMedia
@@ -75,6 +80,15 @@ const TokenMedia: FC<{
       </>
     )
 
+  // display html
+  if (mediaToDisplay.mimetype === 'text/html') {
+    return (
+      <Box position="relative" w="full" h="full">
+        <iframe src={mediaToDisplay.url} width="100%" height="100%" />
+      </Box>
+    )
+  }
+
   // display video
   if (
     (mediaToDisplay.mimetype?.startsWith('video/') ||