antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2026-03-01 12:44:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

contactinfo - envelope & phone

Browse Source
This commit is contained in:
Ulf Gebhardt 2025-02-21 12:19:30 +01:00
parent d163de44ef
commit ccae15992c
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
1 changed files with 4 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/Components/Profile/Subcomponents/ContactInfoView.tsx
View File

@ -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>