riccardo/newsletter-hackernews
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace icons and obfuscate email
Some checks failed
Deploy / lint-build-deploy (push) Failing after 1m18s
Details

Browse Source
This commit is contained in:
Riccardo Senica
2026-01-22 18:36:52 +01:00
parent a8d3bf1b3b
commit e46cb018fd
9 changed files with 44 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
components/email/components/Footer.tsx
View File

@@ -1,12 +1,17 @@
import {
User,
Building2,
Mail,
LogOut,
LayoutGrid,
Shield,
Home
} from 'lucide-react';
const iconStyle = {
display: 'inline-block',
verticalAlign: 'middle'
};
const Icon = ({ name, size = 16 }: { name: string; size?: number }) => (
<img
src={`${process.env.HOME_URL}/email-icons/${name}.png`}
width={size}
height={size}
alt=""
style={iconStyle}
/>
);
export const Footer = () => {
return (
@@ -44,7 +49,7 @@ export const Footer = () => {
letterSpacing: '0.05em'
}}
>
<User size={16} color='#386FA4' />
<Icon name="user" size={16} />
Contact Us
</h4>
<p
@@ -57,7 +62,7 @@ export const Footer = () => {
color: '#4A5568'
}}
>
<Building2 size={14} color='#386FA4' />
<Icon name="building-2" size={14} />
{process.env.NEXT_PUBLIC_BRAND_NAME}
</p>
<p
@@ -70,7 +75,7 @@ export const Footer = () => {
color: '#4A5568'
}}
>
<Mail size={14} color='#386FA4' />
<Icon name="mail" size={14} />
<a
href={`mailto:${process.env.NEXT_PUBLIC_BRAND_EMAIL}`}
style={{ color: '#386FA4', textDecoration: 'none' }}
@@ -88,7 +93,7 @@ export const Footer = () => {
color: '#4A5568'
}}
>
<LogOut size={14} color='#386FA4' />
<Icon name="log-out" size={14} />
<span>
Click{' '}
<a
@@ -124,7 +129,7 @@ export const Footer = () => {
letterSpacing: '0.05em'
}}
>
<LayoutGrid size={16} color='#386FA4' />
<Icon name="layout-grid" size={16} />
Quick Links
</h4>
<p
@@ -137,7 +142,7 @@ export const Footer = () => {
color: '#4A5568'
}}
>
<Shield size={14} color='#386FA4' />
<Icon name="shield" size={14} />
<a
href={`${process.env.HOME_URL}/privacy`}
style={{ color: '#386FA4', textDecoration: 'none' }}
@@ -155,7 +160,7 @@ export const Footer = () => {
color: '#4A5568'
}}
>
<Home size={14} color='#386FA4' />
<Icon name="house" size={14} />
<a
href={process.env.HOME_URL}
style={{ color: '#386FA4', textDecoration: 'none' }}