From 7affba04f7ccbb40e3505debb6d79514c072d18e Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Sun, 24 Aug 2025 10:10:54 +0200
Subject: [PATCH] avatar-widget showing external image

---
 lib/src/Components/Profile/Subcomponents/AvatarWidget.tsx | 6 ++++--
 lib/src/Components/Profile/Subcomponents/FormHeader.tsx   | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/lib/src/Components/Profile/Subcomponents/AvatarWidget.tsx b/lib/src/Components/Profile/Subcomponents/AvatarWidget.tsx
index 57d4bcfe..97137574 100644
--- a/lib/src/Components/Profile/Subcomponents/AvatarWidget.tsx
+++ b/lib/src/Components/Profile/Subcomponents/AvatarWidget.tsx
@@ -10,14 +10,16 @@ import UserSVG from '#assets/user.svg'
 import { useAppState } from '#components/AppShell/hooks/useAppState'
 import DialogModal from '#components/Templates/DialogModal'
 
+import type { Item } from '#types/Item'
 import type { Crop } from 'react-image-crop'
 
 interface AvatarWidgetProps {
   avatar?: string
   setAvatar: React.Dispatch<React.SetStateAction<any>>
+  item?: Item
 }
 
-export const AvatarWidget: React.FC<AvatarWidgetProps> = ({ avatar, setAvatar }) => {
+export const AvatarWidget: React.FC<AvatarWidgetProps> = ({ avatar, setAvatar, item }) => {
   const [crop, setCrop] = useState<Crop>()
   const [image, setImage] = useState<string>('')
   const [cropModalOpen, setCropModalOpen] = useState<boolean>(false)
@@ -181,7 +183,7 @@ export const AvatarWidget: React.FC<AvatarWidgetProps> = ({ avatar, setAvatar })
             </div>
           ) : (
             <div className='tw:h-20 tw:w-20'>
-              <img src={UserSVG} className='tw:rounded-full'></img>
+              <img src={item?.image_external ?? UserSVG} className='tw:rounded-full'></img>
             </div>
           )}
         </label>
diff --git a/lib/src/Components/Profile/Subcomponents/FormHeader.tsx b/lib/src/Components/Profile/Subcomponents/FormHeader.tsx
index 8f34dd55..12862677 100644
--- a/lib/src/Components/Profile/Subcomponents/FormHeader.tsx
+++ b/lib/src/Components/Profile/Subcomponents/FormHeader.tsx
@@ -26,6 +26,7 @@ export const FormHeader = ({ item, state, setState }: Props) => {
               image: i,
             }))
           }
+          item={item}
         />
         <ColorPicker
           color={state.color}