diff --git a/src/app/jobs/post/JobPostClient.tsx b/src/app/jobs/post/JobPostClient.tsx index 8563ff4..121b830 100644 --- a/src/app/jobs/post/JobPostClient.tsx +++ b/src/app/jobs/post/JobPostClient.tsx @@ -9,7 +9,6 @@ import { ArrowLeft, Tag, Briefcase, - Share2, FileText, Mail, CalendarClock, @@ -23,6 +22,58 @@ import type { JobPost } from "@/lib/firebase/types"; import { useTranslations } from "next-intl"; import { useLanguage } from "@/hooks/useLanguage"; import { khitHaungg } from "@/fonts/fonts"; +import { + FaFacebookF, + FaXTwitter, + FaLinkedinIn, + FaTelegram, +} from "react-icons/fa6"; +import type { IconType } from "react-icons"; + +type SharePlatform = "facebook" | "twitter" | "linkedin" | "telegram"; + +function ShareActions({ + shareLabel, + onShare, +}: { + shareLabel: string; + onShare: (platform: SharePlatform) => void; +}) { + const platforms: Array<{ + platform: SharePlatform; + label: string; + icon: IconType; + }> = [ + { platform: "facebook", label: "Facebook", icon: FaFacebookF }, + { platform: "twitter", label: "Twitter/X", icon: FaXTwitter }, + { platform: "linkedin", label: "LinkedIn", icon: FaLinkedinIn }, + { platform: "telegram", label: "Telegram", icon: FaTelegram }, + ]; + + const buttonClassName = + "w-8 h-8 sm:w-auto sm:h-auto sm:px-2.5 sm:py-1.5 rounded-lg text-[10px] font-mono uppercase tracking-wider text-zinc-500 hover:text-zinc-200 bg-white/[0.03] border border-white/[0.06] hover:border-white/[0.1] transition-all duration-200 flex items-center justify-center"; + + return ( +