From 7f0acae73b0d6200e2cf25d0fa8bc6bbcc1b4e9e Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 21 Feb 2025 12:36:44 +0100
Subject: [PATCH] HeaderView - ellipse-vertical & pencil & trash

---
 .../ItemPopupComponents/HeaderView.tsx        | 34 ++++---------------
 1 file changed, 6 insertions(+), 28 deletions(-)

diff --git a/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx b/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx
index 96fec05f..dd85fa1f 100644
--- a/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx
+++ b/src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx
@@ -9,6 +9,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+import EllipsisVerticalIcon from '@heroicons/react/24/outline/EllipsisVerticalIcon'
+import PencilIcon from '@heroicons/react/24/outline/PencilIcon'
+import TrashIcon from '@heroicons/react/24/outline/TrashIcon'
 import { useState, useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
 
@@ -127,14 +130,7 @@ export function HeaderView({
                   tabIndex={0}
                   className='tw-bg-base-100 tw-btn tw-m-1 tw-leading-3 tw-border-none tw-min-h-0 tw-h-6'
                 >
-                  <svg
-                    xmlns='http://www.w3.org/2000/svg'
-                    className='tw-h-5 tw-w-5'
-                    viewBox='0 0 20 20'
-                    fill='currentColor'
-                  >
-                    <path d='M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z' />
-                  </svg>
+                  <EllipsisVerticalIcon className='tw-h-5 tw-w-5' />
                 </label>
                 <ul
                   tabIndex={0}
@@ -154,14 +150,7 @@ export function HeaderView({
                               : editCallback(e)
                           }
                         >
-                          <svg
-                            xmlns='http://www.w3.org/2000/svg'
-                            className='tw-h-5 tw-w-5'
-                            viewBox='0 0 20 20'
-                            fill='currentColor'
-                          >
-                            <path d='M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z' />
-                          </svg>
+                          <PencilIcon className='tw-h-5 tw-w-5' />
                         </a>
                       </li>
                     )}
@@ -194,18 +183,7 @@ export function HeaderView({
                           {loading ? (
                             <span className='tw-loading tw-loading-spinner tw-loading-sm'></span>
                           ) : (
-                            <svg
-                              xmlns='http://www.w3.org/2000/svg'
-                              className='tw-h-5 tw-w-5'
-                              viewBox='0 0 20 20'
-                              fill='currentColor'
-                            >
-                              <path
-                                fillRule='evenodd'
-                                d='M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z'
-                                clipRule='evenodd'
-                              />
-                            </svg>
+                            <TrashIcon className='tw-h-5 tw-w-5' />
                           )}
                         </a>
                       </li>