Post Share

1'use client';
2 
3import React from 'react';
4import { ActionMenu, ActionMenuItem } from './action-menu';
5import { Button } from '../ui/button';
6import { Share } from 'lucide-react';
7import { cn } from '@/lib/utils/deso';
8 
9export interface PostShareProps {
10  url: string;
11  text: string;
12  className?: string;
13  label?: string;
14  buttonVariant?: "ghost" | "link" | "default" | "destructive" | "success" | "outline" | "secondary" | null | undefined;
15}
16 
17export const PostShare: React.FC<PostShareProps> = ({ url, text, className, label, buttonVariant = "ghost" }) => {
18  const encodedUrl = encodeURIComponent(url);
19  const encodedText = encodeURIComponent(text);
20 
21  const handleCopy = () => {
22    navigator.clipboard.writeText(url);
23    // You can add a toast notification here
24  };
25 
26  const handleShare = (shareUrl: string) => {
27    window.open(shareUrl, '_blank', 'noopener,noreferrer');
28  };
29 
30  return (
31    <ActionMenu
32      trigger={
33        <Button variant={buttonVariant} size={label && !className ? "sm" : "icon"} className={cn(className)}>
34          <Share className="h-4 w-4" />
35          {label && <span className="text-sm text-muted-foreground ml-2">{label}</span>}
36        </Button>
37      }
38      align="end"
39    >
40      <ActionMenuItem onClick={handleCopy}>Copy Link</ActionMenuItem>
41      <ActionMenuItem
42        onClick={() =>
43          handleShare(
44            `https://twitter.com/intent/tweet?url=${encodedUrl}&text=${encodedText}`
45          )
46        }
47      >
48        Share to X (Twitter)
49      </ActionMenuItem>
50      <ActionMenuItem
51        onClick={() =>
52          handleShare(
53            `https://t.me/share/url?url=${encodedUrl}&text=${encodedText}`
54          )
55        }
56      >
57        Share to Telegram
58      </ActionMenuItem>
59      <ActionMenuItem
60        onClick={() =>
61          handleShare(
62            `https://www.reddit.com/submit?url=${encodedUrl}&title=${encodedText}`
63          )
64        }
65      >
66        Share to Reddit
67      </ActionMenuItem>
68      <ActionMenuItem
69        onClick={() =>
70          handleShare(`mailto:?subject=${encodedText}&body=${encodedUrl}`)
71        }
72      >
73        Share via E-Mail
74      </ActionMenuItem>
75    </ActionMenu>
76  );
77};