From ccae15992c6e6273b4cadc5bdf954a254b2b1a1e Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Fri, 21 Feb 2025 12:19:30 +0100
Subject: [PATCH] contactinfo - envelope & phone

---
 .../Profile/Subcomponents/ContactInfoView.tsx | 29 +++----------------
 1 file changed, 4 insertions(+), 25 deletions(-)

diff --git a/src/Components/Profile/Subcomponents/ContactInfoView.tsx b/src/Components/Profile/Subcomponents/ContactInfoView.tsx
index 3c11e641..dbf0af25 100644
--- a/src/Components/Profile/Subcomponents/ContactInfoView.tsx
+++ b/src/Components/Profile/Subcomponents/ContactInfoView.tsx
@@ -2,6 +2,8 @@
 
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 /* eslint-disable @typescript-eslint/restrict-plus-operands */
+import EnvelopeIcon from '@heroicons/react/24/outline/EnvelopeIcon'
+import PhoneIcon from '@heroicons/react/24/outline/PhoneIcon'
 import { useEffect, useState } from 'react'
 import { Link } from 'react-router-dom'
 
@@ -48,19 +50,7 @@ export const ContactInfoView = ({ item, heading }: { item: Item; heading: string
                 href={`mailto:${item.contact}`}
                 className='tw-mt-2 tw-text-green-500 tw-inline-flex tw-items-center'
               >
-                <svg
-                  xmlns='http://www.w3.org/2000/svg'
-                  viewBox='0 0 24 24'
-                  fill='none'
-                  stroke='currentColor'
-                  strokeWidth='2'
-                  strokeLinecap='round'
-                  strokeLinejoin='round'
-                  className='tw-w-4 tw-h-4 tw-mr-1'
-                >
-                  <path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'></path>
-                  <polyline points='22,6 12,13 2,6'></polyline>
-                </svg>
+                <EnvelopeIcon className='tw-w-4 tw-h-4 tw-mr-1' />
                 {item.contact}
               </a>
             </p>
@@ -71,18 +61,7 @@ export const ContactInfoView = ({ item, heading }: { item: Item; heading: string
                 href={`tel:${item.telephone}`}
                 className='tw-mt-2 tw-text-green-500 tw-inline-flex tw-items-center tw-whitespace-nowrap'
               >
-                <svg
-                  xmlns='http://www.w3.org/2000/svg'
-                  viewBox='0 0 24 24'
-                  fill='none'
-                  stroke='currentColor'
-                  strokeWidth='2'
-                  strokeLinecap='round'
-                  strokeLinejoin='round'
-                  className='tw-w-4 tw-h-4 tw-mr-1'
-                >
-                  <path d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z' />
-                </svg>
+                <PhoneIcon className='tw-w-4 tw-h-4 tw-mr-1' />
                 {item.telephone}
               </a>
             </p>