From 31f0dd7a8185c533843e61eb302e46b4a6952539 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <31516529+antontranelis@users.noreply.github.com>
Date: Wed, 5 Mar 2025 21:26:16 +0000
Subject: [PATCH] fix(source): fixed attestation layout (#180)

* fixed attestation layout

* fixed for attestations on other map instances

---------

Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
---
 src/Components/Profile/Templates/TabsView.tsx | 50 ++++++++++++-------
 1 file changed, 31 insertions(+), 19 deletions(-)

diff --git a/src/Components/Profile/Templates/TabsView.tsx b/src/Components/Profile/Templates/TabsView.tsx
index fa045374..bec02e24 100644
--- a/src/Components/Profile/Templates/TabsView.tsx
+++ b/src/Components/Profile/Templates/TabsView.tsx
@@ -150,29 +150,41 @@ export const TabsView = ({
                         </div>
                       </td>
                       <td>
-                        <Link to={'/item/' + getUserProfile(a.user_created.id)?.id}>
-                          <div className='flex items-center gap-3'>
-                            <div className='tw-avatar'>
-                              <div className='tw-mask tw-rounded-full h-8 w-8 tw-mr-2'>
-                                <img
-                                  src={
-                                    appState.assetsApi.url +
-                                    getUserProfile(a.user_created.id)?.image
-                                  }
-                                  alt='Avatar'
-                                />
+                        {getUserProfile(a.user_created.id) ? (
+                          <Link to={'/item/' + getUserProfile(a.user_created.id)?.id}>
+                            <div className='flex items-center gap-3'>
+                              <div className='tw-avatar'>
+                                <div className='tw-mask tw-rounded-full tw-h-8 tw-w-8 tw-mr-2'>
+                                  {getUserProfile(a.user_created.id)?.image && (
+                                    <img
+                                      src={
+                                        appState.assetsApi.url +
+                                        getUserProfile(a.user_created.id)?.image
+                                      }
+                                      alt='Avatar'
+                                    />
+                                  )}
+                                </div>
+                              </div>
+                              <div>
+                                <div className='font-bold'>
+                                  {getUserProfile(a.user_created.id)?.name ??
+                                    a.user_created.first_name}{' '}
+                                </div>
+                                <div className='tw-text-xs opacity-50 tw-text-zinc-500'>
+                                  {timeAgo(a.date_created)}
+                                </div>
                               </div>
                             </div>
-                            <div>
-                              <div className='font-bold'>
-                                {getUserProfile(a.user_created.id)?.name}
-                              </div>
-                              <div className='tw-text-xs opacity-50 tw-text-zinc-500'>
-                                {timeAgo(a.date_created)}
-                              </div>
+                          </Link>
+                        ) : (
+                          <div>
+                            <div className='font-bold'>{a.user_created.first_name} </div>
+                            <div className='tw-text-xs opacity-50 tw-text-zinc-500'>
+                              {timeAgo(a.date_created)}
                             </div>
                           </div>
-                        </Link>
+                        )}
                       </td>
                     </tr>
                   ))}