amiirkhl/my-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use brand logos in sharing options

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-09 23:44:09 +03:30
parent 2ca23fcc19
commit 5b507d7aef
5 changed files with 34 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/CaseStudyDrawer.module.css
View File

@@ -653,6 +653,18 @@
height: var(--size-icon-md);
}
.shareOptions a[data-share-service='telegram'] svg {
color: #26a5e4;
}
.shareOptions a[data-share-service='whatsapp'] svg {
color: #25d366;
}
.shareOptions a[data-share-service='linkedin'] svg {
color: #0a66c2;
}
.copyLinkButton {
display: flex;
width: 100%;

16
src/components/CaseStudyShare.tsx
View File

@@ -1,15 +1,13 @@
'use client';
import {
BriefcaseBusiness,
Check,
Copy,
Mail,
MessageCircle,
Send,
Share2,
X,
} from 'lucide-react';
import { FaLinkedinIn, FaTelegram, FaWhatsapp } from 'react-icons/fa6';
import {
useCallback,
useEffect,
@@ -145,14 +143,14 @@ export function CaseStudyShare({ locale }: { locale: Locale }) {
</header>
<div className={styles.shareOptions}>
<a href={`https://t.me/share/url?url=${encodedUrl}&text=${encodedTitle}`} target="_blank" rel="noopener noreferrer">
<Send aria-hidden="true" /><span>{copy.shareTelegram}</span>
<a data-share-service="telegram" href={`https://t.me/share/url?url=${encodedUrl}&text=${encodedTitle}`} target="_blank" rel="noopener noreferrer">
<FaTelegram aria-hidden="true" /><span>{copy.shareTelegram}</span>
</a>
<a href={`https://wa.me/?text=${encodedMessage}`} target="_blank" rel="noopener noreferrer">
<MessageCircle aria-hidden="true" /><span>{copy.shareWhatsApp}</span>
<a data-share-service="whatsapp" href={`https://wa.me/?text=${encodedMessage}`} target="_blank" rel="noopener noreferrer">
<FaWhatsapp aria-hidden="true" /><span>{copy.shareWhatsApp}</span>
</a>
<a href={`https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`} target="_blank" rel="noopener noreferrer">
<BriefcaseBusiness aria-hidden="true" /><span>{copy.shareLinkedIn}</span>
<a data-share-service="linkedin" href={`https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`} target="_blank" rel="noopener noreferrer">
<FaLinkedinIn aria-hidden="true" /><span>{copy.shareLinkedIn}</span>
</a>
<a href={`mailto:?subject=${encodedTitle}&body=${encodedMessage}`}>
<Mail aria-hidden="true" /><span>{copy.shareEmail}</span>