From 7f3b91da37e68e7657b34e988044e06eaab28572 Mon Sep 17 00:00:00 2001
From: MananTank <manantankm@gmail.com>
Date: Fri, 7 Feb 2025 21:02:35 +0000
Subject: [PATCH] [TOOL-3346] Portal: Add Nebula icon support in dynamic OG
 image generation (#6199)

---
 apps/portal/public/og/icons/nebula.svg          | 13 +++++++++++++
 apps/portal/src/app/nebula/layout.tsx           |  4 ++++
 apps/portal/src/components/Document/metadata.ts |  1 +
 3 files changed, 18 insertions(+)
 create mode 100644 apps/portal/public/og/icons/nebula.svg

diff --git a/apps/portal/public/og/icons/nebula.svg b/apps/portal/public/og/icons/nebula.svg
new file mode 100644
index 00000000000..504d50e6b3e
--- /dev/null
+++ b/apps/portal/public/og/icons/nebula.svg
@@ -0,0 +1,13 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 10.4399C18.3096 10.4399 17.75 10.9996 17.75 11.6899C17.75 12.3803 18.3096 12.9399 19 12.9399C19.6904 12.9399 20.25 12.3803 20.25 11.6899C20.25 10.9996 19.6904 10.4399 19 10.4399ZM16.25 11.6899C16.25 10.1712 17.4812 8.93994 19 8.93994C20.5188 8.93994 21.75 10.1712 21.75 11.6899C21.75 13.2087 20.5188 14.4399 19 14.4399C17.4812 14.4399 16.25 13.2087 16.25 11.6899Z" fill="white" stroke="white" stroke-width="0.25" stroke-miterlimit="10"/>
+<path d="M12 13.9341C13.1046 13.9341 14 13.0387 14 11.9341C14 10.8295 13.1046 9.93408 12 9.93408C10.8954 9.93408 10 10.8295 10 11.9341C10 13.0387 10.8954 13.9341 12 13.9341Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 10.4399C4.30964 10.4399 3.75 10.9996 3.75 11.6899C3.75 12.3803 4.30964 12.9399 5 12.9399C5.69036 12.9399 6.25 12.3803 6.25 11.6899C6.25 10.9996 5.69036 10.4399 5 10.4399ZM2.25 11.6899C2.25 10.1712 3.48122 8.93994 5 8.93994C6.51878 8.93994 7.75 10.1712 7.75 11.6899C7.75 13.2087 6.51878 14.4399 5 14.4399C3.48122 14.4399 2.25 13.2087 2.25 11.6899Z" fill="white" stroke="white" stroke-width="0.25" stroke-miterlimit="10"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.7277 14.182C4.24985 16.0934 4.54726 17.6287 5.45936 18.5408C6.37146 19.4529 7.90677 19.7503 9.8182 19.2725C11.7127 18.7989 13.8394 17.5854 15.7124 15.7124C16.5051 14.9198 17.1796 14.0817 17.7299 13.235C18.0753 13.5193 18.5178 13.6901 19.0001 13.6901C19.0756 13.6901 19.1502 13.6859 19.2235 13.6777C18.5704 14.7489 17.7476 15.7985 16.7731 16.7731C14.7409 18.8053 12.3822 20.1776 10.182 20.7277C7.99867 21.2735 5.82974 21.0325 4.3987 19.6015C2.96766 18.1705 2.72666 16.0015 3.27249 13.8182C3.33854 13.554 3.41645 13.2875 3.50594 13.0196C3.8447 13.4 4.32658 13.6502 4.86709 13.6857C4.81514 13.8527 4.76865 14.0182 4.7277 14.182ZM6.5215 10.3918C7.02185 9.67265 7.61187 8.9637 8.28779 8.28779C10.1608 6.41476 12.2875 5.20134 14.182 4.7277C16.0934 4.24985 17.6287 4.54726 18.5408 5.45936C19.436 6.35453 19.7391 7.84998 19.2983 9.71214C19.8482 9.79435 20.325 10.1005 20.6329 10.5348C20.6668 10.4168 20.6984 10.2992 20.7277 10.182C21.2735 7.99867 21.0325 5.82974 19.6015 4.3987C18.1705 2.96766 16.0015 2.72666 13.8182 3.27249C11.618 3.82255 9.25934 5.19491 7.22713 7.22713C6.44286 8.01139 5.75687 8.84427 5.17848 9.6979C5.71512 9.74534 6.19088 10.0047 6.5215 10.3918Z" fill="white"/>
+<mask id="mask0_4_23" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="21">
+<path d="M22.0034 2.00342H2.00342V22.0034H22.0034V2.00342Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.7277 14.182C4.24985 16.0934 4.54726 17.6287 5.45936 18.5408C6.37146 19.4529 7.90677 19.7503 9.8182 19.2725C11.7127 18.7989 13.8394 17.5854 15.7124 15.7124C16.5051 14.9198 17.1796 14.0817 17.7299 13.235C18.0753 13.5193 18.5178 13.6901 19.0001 13.6901C19.0756 13.6901 19.1502 13.6859 19.2235 13.6777C18.5704 14.7489 17.7476 15.7985 16.7731 16.7731C14.7409 18.8053 12.3822 20.1776 10.182 20.7277C7.99867 21.2735 5.82974 21.0325 4.3987 19.6015C2.96766 18.1705 2.72666 16.0015 3.27249 13.8182C3.33854 13.554 3.41645 13.2875 3.50594 13.0196C3.8447 13.4 4.32658 13.6502 4.86709 13.6857C4.81514 13.8527 4.76865 14.0182 4.7277 14.182ZM6.5215 10.3918C7.02185 9.67265 7.61187 8.9637 8.28779 8.28779C10.1608 6.41476 12.2875 5.20134 14.182 4.7277C16.0934 4.24985 17.6287 4.54726 18.5408 5.45936C19.436 6.35453 19.7391 7.84998 19.2983 9.71214C19.8482 9.79435 20.325 10.1005 20.6329 10.5348C20.6668 10.4168 20.6984 10.2992 20.7277 10.182C21.2735 7.99867 21.0325 5.82974 19.6015 4.3987C18.1705 2.96766 16.0015 2.72666 13.8182 3.27249C11.618 3.82255 9.25934 5.19491 7.22713 7.22713C6.44286 8.01139 5.75687 8.84427 5.17848 9.6979C5.71512 9.74534 6.19088 10.0047 6.5215 10.3918Z" fill="black"/>
+</mask>
+<g mask="url(#mask0_4_23)">
+<path d="M17.7299 13.235L17.8888 13.042L17.6728 12.8642L17.5203 13.0988L17.7299 13.235ZM19.2235 13.6777L19.437 13.8079L19.7022 13.373L19.1959 13.4292L19.2235 13.6777ZM3.50594 13.0196L3.69265 12.8533L3.40557 12.5309L3.26882 12.9404L3.50594 13.0196ZM4.86709 13.6857L5.1058 13.76L5.20009 13.457L4.88347 13.4362L4.86709 13.6857ZM6.5215 10.3918L6.3314 10.5542L6.54175 10.8004L6.72672 10.5346L6.5215 10.3918ZM19.2983 9.71212L19.055 9.65453L18.9924 9.91917L19.2613 9.95937L19.2983 9.71212ZM20.6329 10.5348L20.4289 10.6793L20.7295 11.1034L20.8731 10.6039L20.6329 10.5348ZM5.17848 9.69788L4.97152 9.55765L4.73312 9.90949L5.15647 9.94691L5.17848 9.69788ZM5.63614 18.3641C4.81019 17.5381 4.50387 16.1081 4.97024 14.2426L4.48517 14.1214C3.99582 16.0788 4.28432 17.7193 5.28258 18.7176L5.63614 18.3641ZM9.75756 19.03C7.8921 19.4963 6.46208 19.19 5.63614 18.3641L5.28258 18.7176C6.28085 19.7159 7.92144 20.0044 9.87883 19.515L9.75756 19.03ZM15.5356 15.5356C13.6891 17.3821 11.6012 18.5691 9.75756 19.03L9.87883 19.515C11.8243 19.0287 13.9896 17.7888 15.8892 15.8892L15.5356 15.5356ZM17.5203 13.0988C16.9797 13.9305 16.3162 14.755 15.5356 15.5356L15.8892 15.8892C16.6939 15.0845 17.3795 14.2328 17.9395 13.3712L17.5203 13.0988ZM19.0001 13.4401C18.5778 13.4401 18.1911 13.2908 17.8888 13.042L17.571 13.428C17.9596 13.7478 18.4577 13.9401 19.0001 13.9401V13.4401ZM19.1959 13.4292C19.1317 13.4364 19.0664 13.4401 19.0001 13.4401V13.9401C19.0849 13.9401 19.1687 13.9354 19.2512 13.9262L19.1959 13.4292ZM16.9498 16.9498C17.9379 15.9617 18.7732 14.8966 19.437 13.8079L19.0101 13.5476C18.3676 14.6013 17.5573 15.6353 16.5963 16.5963L16.9498 16.9498ZM10.2426 20.9702C12.4938 20.4074 14.8911 19.0086 16.9498 16.9498L16.5963 16.5963C14.5906 18.602 12.2706 19.9479 10.1214 20.4852L10.2426 20.9702ZM4.22192 19.7783C5.7397 21.296 8.01447 21.5273 10.2426 20.9702L10.1214 20.4852C7.98287 21.0198 5.91978 20.769 4.57548 19.4247L4.22192 19.7783ZM3.02996 13.7576C2.47291 15.9857 2.70415 18.2605 4.22192 19.7783L4.57548 19.4247C3.23117 18.0804 2.9804 16.0173 3.51503 13.8788L3.02996 13.7576ZM3.26882 12.9404C3.17736 13.2142 3.09764 13.4869 3.02996 13.7576L3.51503 13.8788C3.57946 13.6211 3.65554 13.3608 3.74306 13.0987L3.26882 12.9404ZM3.31923 13.1858C3.69996 13.6134 4.24222 13.8952 4.85072 13.9352L4.88347 13.4362C4.41095 13.4052 3.98945 13.1866 3.69265 12.8533L3.31923 13.1858ZM4.97024 14.2426C5.01001 14.0836 5.0552 13.9226 5.1058 13.76L4.62839 13.6114C4.57507 13.7827 4.5273 13.9528 4.48517 14.1214L4.97024 14.2426ZM6.72672 10.5346C7.21849 9.82774 7.79896 9.13015 8.46456 8.46454L8.11101 8.11099C7.42478 8.79722 6.82521 9.51752 6.31628 10.249L6.72672 10.5346ZM8.46456 8.46454C10.3111 6.61805 12.399 5.43112 14.2426 4.97022L14.1214 4.48515C12.1759 4.97152 10.0106 6.21142 8.11101 8.11099L8.46456 8.46454ZM14.2426 4.97022C16.1081 4.50385 17.5381 4.81017 18.3641 5.63612L18.7176 5.28256C17.7193 4.2843 16.0788 3.9958 14.1214 4.48515L14.2426 4.97022ZM18.3641 5.63612C19.1747 6.44678 19.4848 7.83893 19.055 9.65453L19.5416 9.76971C19.9934 7.861 19.6973 6.26225 18.7176 5.28256L18.3641 5.63612ZM19.2613 9.95937C19.7418 10.0312 20.1592 10.2988 20.4289 10.6793L20.8368 10.3902C20.4909 9.90213 19.9547 9.55746 19.3353 9.46487L19.2613 9.95937ZM20.8731 10.6039C20.9078 10.4831 20.9402 10.3627 20.9702 10.2426L20.4852 10.1214C20.4566 10.2356 20.4257 10.3504 20.3926 10.4657L20.8731 10.6039ZM20.9702 10.2426C21.5273 8.01445 21.296 5.73968 19.7783 4.2219L19.4247 4.57546C20.769 5.91976 21.0198 7.98285 20.4852 10.1214L20.9702 10.2426ZM19.7783 4.2219C18.2605 2.70413 15.9857 2.47289 13.7576 3.02994L13.8788 3.51501C16.0173 2.98038 18.0804 3.23115 19.4247 4.57546L19.7783 4.2219ZM13.7576 3.02994C11.5064 3.59273 9.10909 4.99159 7.05035 7.05033L7.4039 7.40388C9.40959 5.39819 11.7296 4.05232 13.8788 3.51501L13.7576 3.02994ZM7.05035 7.05033C6.25512 7.84556 5.55897 8.69064 4.97152 9.55765L5.38545 9.83812C5.95476 8.99787 6.6306 8.17719 7.4039 7.40388L7.05035 7.05033ZM6.71159 10.2294C6.34004 9.7944 5.80474 9.50226 5.20049 9.44885L5.15647 9.94691C5.6255 9.98837 6.04171 10.215 6.3314 10.5542L6.71159 10.2294Z" fill="white"/>
+</g>
+</svg>
diff --git a/apps/portal/src/app/nebula/layout.tsx b/apps/portal/src/app/nebula/layout.tsx
index 2c1a868e190..213305a88e7 100644
--- a/apps/portal/src/app/nebula/layout.tsx
+++ b/apps/portal/src/app/nebula/layout.tsx
@@ -12,6 +12,10 @@ export default async function Layout(props: { children: React.ReactNode }) {
 
 export const metadata = createMetadata({
   title: "thirdweb Nebula Documentation",
+  image: {
+    title: "Nebula Docs",
+    icon: "nebula",
+  },
   description:
     "thirdweb Nebula Docs : explore the Nebula API Reference and unlock the most powerful AI to interact with the blockchain yet.",
 });
diff --git a/apps/portal/src/components/Document/metadata.ts b/apps/portal/src/components/Document/metadata.ts
index 38e329de43b..0312002d8c1 100644
--- a/apps/portal/src/components/Document/metadata.ts
+++ b/apps/portal/src/components/Document/metadata.ts
@@ -20,6 +20,7 @@ type DynamicImageOptions = {
     | "storage"
     | "changelog"
     | "dotnet"
+    | "nebula"
     | "unreal-engine"
     | "insight";
 };