dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

upgrade the project

Browse Source
This commit is contained in:
PrinOrange
2024-04-03 22:08:27 +08:00
parent a615511139
commit ea3597d62f
313 changed files with 10677 additions and 7069 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
components/readerpage/ShareButtons.tsx
View File

@@ -11,27 +11,26 @@ export const ShareButtons = (props: {
title: string;
quote?: string | null;
}) => {
const postURL = `https://${Config.SiteDomain}/blog/${props.postId}`;
const postURL = encodeURI(`https://${Config.SiteDomain}/blog/${props.postId}`);
const copyShareText = `${props.title} ${props.subtitle ? `- ${props.subtitle}` : ""} - ${
Config.Nickname
}'s Blog ${postURL}`;
const { toast } = useToast();
return (
<div className="my-3 flex space-x-4 text-2xl">
<div className="py-3 flex justify-center space-x-4 text-2xl">
{props.allowShare != false ? (
<>
<div className="my-auto text-sm font-bold">{"SHARE :"}</div>
<FacebookShareButton className="mx-2" url={postURL} quote={props.quote ?? props.title}>
<FaFacebook title="Share to Facebook" className="hover:text-blue-500" />
<FacebookShareButton className="mx-2" quote={props.quote ?? props.title} url={postURL}>
<FaFacebook className="hover:text-blue-500" title="Share to Facebook" />
</FacebookShareButton>
<TwitterShareButton className="mx-2" url={postURL} title={props.title}>
<FaTwitter title="Share to Twitter" className="hover:text-sky-500" />
<TwitterShareButton className="mx-2" title={props.title} url={postURL}>
<FaTwitter className="hover:text-sky-500" title="Share to Twitter" />
</TwitterShareButton>
<LinkedinShareButton className="mx-2" url={postURL} title={props.title}>
<FaLinkedin title="Share to Linkedin" className="hover:text-blue-500" />
<LinkedinShareButton className="mx-2" title={props.title} url={postURL}>
<FaLinkedin className="hover:text-blue-500" title="Share to Linkedin" />
</LinkedinShareButton>
<RedditShareButton className="mx-2" url={postURL} title={props.title}>
<FaReddit title="Share to Reddit" className="hover:text-orange-500" />
<RedditShareButton className="mx-2" title={props.title} url={postURL}>
<FaReddit className="hover:text-orange-500" title="Share to Reddit" />
</RedditShareButton>
<CopyToClipboard
onCopy={() => {
@@ -40,8 +39,8 @@ export const ShareButtons = (props: {
text={copyShareText}
>
<FaLink
title="Share with the post url and description"
className="hover:text-gray-500 mx-2 cursor-pointer"
title="Share with the post url and description"
/>
</CopyToClipboard>
</>