use remotepatterns for image serving

blockworks-foundation · Jan 8, 2024 · 2fdcd91 · 2fdcd91 · vercel · Jan 8, 2024
1 parent 807edf4
commit 2fdcd91
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/app/components/rich-text/RichText.tsx b/app/components/rich-text/RichText.tsx
@@ -129,6 +129,19 @@ const options = {
         )
       }
     },
+    [BLOCKS.QUOTE]: (node) => {
+      const transformedChildren = documentToReactComponents(node, {
+        renderNode: {
+          [BLOCKS.PARAGRAPH]: (node, children) => children,
+          [BLOCKS.QUOTE]: (node, children) => children,
+        },
+      })
+      return (
+        <blockquote className="text-sm italic -mt-4 mb-8 text-right font-body text-th-fgd-4 tracking-wider">
+          {transformedChildren}
+        </blockquote>
+      )
+    },
   },
   // renderText: (text) => text.replace('!', '?'),
 }
diff --git a/next.config.js b/next.config.js
@@ -6,7 +6,20 @@ const nextConfig = {
   transpilePackages: ['gsap'],
   i18n,
   images: {
-    domains: ['raw.githubusercontent.com', 'arweave.net'],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'raw.githubusercontent.com/**',
+      },
+      {
+        protocol: 'https',
+        hostname: 'arweave.net/**',
+      },
+      {
+        protocol: 'https',
+        hostname: 'img.fotofolio.xyz/**',
+      },
+    ],
   },
   reactStrictMode: true,
   async redirects() {

diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo