diff --git a/package-lock.json b/package-lock.json index 0db4876..831cfd6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,7 @@ "next": "^16.3.4", "react": "^19.0.0", "react-dom": "^19.0.0", + "react-icons": "^5.7.0", "sharp": "0.35.4", "three": "^0.180.0" }, @@ -5256,6 +5257,15 @@ "react": "^19.2.8" } }, + "node_modules/react-icons": { + "version": "5.7.0", + "resolved": "https://package-mirror.liara.ir/artifactory/api/npm/npm/react-icons/-/react-icons-5.7.0.tgz", + "integrity": "sha512-LBLy340Rzqy6+/yVhZKT3B/QpP1BZaesGqasf09HPOBzRarcDIFH0WwXlXQfE7q7ipxK4MSiC5DIBWURCny6fw==", + "license": "MIT", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://package-mirror.liara.ir/artifactory/api/npm/npm/react-is/-/react-is-16.13.1.tgz", diff --git a/package.json b/package.json index d5e6305..1e73fcf 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "next": "^16.3.4", "react": "^19.0.0", "react-dom": "^19.0.0", + "react-icons": "^5.7.0", "sharp": "0.35.4", "three": "^0.180.0" }, diff --git a/src/components/CaseStudyDrawer.module.css b/src/components/CaseStudyDrawer.module.css index ea6117e..4325ab9 100644 --- a/src/components/CaseStudyDrawer.module.css +++ b/src/components/CaseStudyDrawer.module.css @@ -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%; diff --git a/src/components/CaseStudyShare.tsx b/src/components/CaseStudyShare.tsx index b99537f..9190c36 100644 --- a/src/components/CaseStudyShare.tsx +++ b/src/components/CaseStudyShare.tsx @@ -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 }) {