From a53ef66490bd2744a638cf2eac8a4d8fb5c20908 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Fri, 10 Oct 2025 17:12:09 +0200
Subject: [PATCH] fix linting

---
 .../HeaderView/ConnectionStatus.tsx           |  2 +-
 .../HeaderView/ItemAvatar.tsx                 |  3 +-
 .../HeaderView/ShareButton.tsx                | 31 +++++++++----------
 3 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ConnectionStatus.tsx b/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ConnectionStatus.tsx
index 5fae3b2d..e0ded2b1 100644
--- a/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ConnectionStatus.tsx
+++ b/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ConnectionStatus.tsx
@@ -34,7 +34,7 @@ export function ConnectionStatus({ item }: ConnectionStatusProps) {
   return (
     <button
       style={{
-        backgroundColor: `${item.color ?? (getItemTags(item)[0]?.color ? getItemTags(item)[0].color : (item.layer?.markerDefaultColor ?? '#000'))}`,
+        backgroundColor: `${item.color ?? (getItemTags(item)[0]?.color ? getItemTags(item)[0].color : item.layer.markerDefaultColor || '#000')}`,
       }}
       className='tw:btn tw:text-white tw:mr-2 tw:tooltip tw:tooltip-top '
       data-tip={'Connect'}
diff --git a/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ItemAvatar.tsx b/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ItemAvatar.tsx
index 926093a2..d5ba0b20 100644
--- a/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ItemAvatar.tsx
+++ b/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ItemAvatar.tsx
@@ -1,6 +1,5 @@
-import { useState } from 'react'
-
 import { QrCodeIcon } from '@heroicons/react/24/solid'
+import { useState } from 'react'
 
 import { useAppState } from '#components/AppShell/hooks/useAppState'
 
diff --git a/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ShareButton.tsx b/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ShareButton.tsx
index f843d4a1..4264223a 100644
--- a/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ShareButton.tsx
+++ b/lib/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView/ShareButton.tsx
@@ -1,6 +1,5 @@
-import { useRef } from 'react'
-
 import { ShareIcon } from '@heroicons/react/24/solid'
+import { useRef } from 'react'
 
 import ChevronSVG from '#assets/chevron.svg'
 import ClipboardSVG from '#assets/share/clipboard.svg'
@@ -36,22 +35,20 @@ export function ShareButton({ item, dropdownDirection = 'down' }: ShareButtonPro
     closeDropdown()
   }
 
-  const handleNativeShare = async () => {
-    if (navigator.share) {
-      try {
-        await navigator.share({
-          title: shareTitle,
-          url: shareUrl,
-        })
-        closeDropdown()
-      } catch (error) {
-        // User cancelled or error occurred
-        console.log('Share cancelled or failed:', error)
-      }
-    }
-  }
+  const canUseNativeShare =
+    typeof navigator !== 'undefined' && typeof navigator.share !== 'undefined'
 
-  const canUseNativeShare = typeof navigator !== 'undefined' && navigator.share
+  const handleNativeShare = () => {
+    void navigator
+      .share({
+        title: shareTitle,
+        url: shareUrl,
+      })
+      .then(closeDropdown)
+      .catch(() => {
+        // User cancelled or error occurred - ignore
+      })
+  }
 
   const platformConfigs: SharePlatformConfigs = {
     facebook: {