From 0ac61933e688e896038ed86bec87ec3182ee0ce6 Mon Sep 17 00:00:00 2001
From: dotX12 <dev@shitposting.team>
Date: Sun, 26 Jan 2025 16:55:59 +0300
Subject: [PATCH] Update NodeImage component to use next/image for better
 performance and responsiveness.

---
 authentication/src/ory/ui/NodeImage.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/authentication/src/ory/ui/NodeImage.tsx b/authentication/src/ory/ui/NodeImage.tsx
index d476dbf..d5ec3b2 100644
--- a/authentication/src/ory/ui/NodeImage.tsx
+++ b/authentication/src/ory/ui/NodeImage.tsx
@@ -1,4 +1,5 @@
 import { UiNode, UiNodeImageAttributes } from '@ory/client';
+import Image from 'next/image';
 
 interface Props {
     node: UiNode;
@@ -7,10 +8,10 @@ interface Props {
 
 export const NodeImage = ({ node, attributes }: Props) => {
     return (
-        <img
+        <Image
             src={attributes.src}
             width={200}
-            alt={node.meta.label?.text}
+            alt={node.meta.label?.text || 'Image'}
         />
     );
 };