From 29b60d6264e16d756472a7a1915ac8c6321c1d4c Mon Sep 17 00:00:00 2001 From: Struchkov Mark Date: Sun, 8 Sep 2024 14:55:35 +0300 Subject: [PATCH] _SocialShare.tsx --- quartz/components/_SocialShare.tsx | 28 +++++++++++++++------------ quartz/static/social-sprite-color.svg | 1 + quartz/static/social-sprite.svg | 1 + 3 files changed, 18 insertions(+), 12 deletions(-) create mode 100644 quartz/static/social-sprite-color.svg create mode 100644 quartz/static/social-sprite.svg diff --git a/quartz/components/_SocialShare.tsx b/quartz/components/_SocialShare.tsx index fb58a85b9..a5fece0ee 100644 --- a/quartz/components/_SocialShare.tsx +++ b/quartz/components/_SocialShare.tsx @@ -1,10 +1,14 @@ import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types" -// If `script` is required but causes type issues, consider fixing the type instead of ignoring. // @ts-ignore import script from "./scripts/_socialshare.inline" -import style from "./styles/_socialshare.scss" +import style from "./styles/_socialshare.scss.scss" const SocialShare: QuartzComponent = ({ displayClass, fileData }: QuartzComponentProps) => { + // Extract necessary data from fileData or another source + const url = fileData?.url || ""; + const title = fileData?.title || ""; + const customExcerpt = fileData?.customExcerpt || ""; + return (
@@ -14,9 +18,9 @@ const SocialShare: QuartzComponent = ({ displayClass, fileData }: QuartzComponen onClick={(e) => e.preventDefault()} title="Поделиться в Telegram" data-sharer="telegram" - data-url={`{{url absolute=true}}`} - data-title="{{title}}" - data-caption="{{custom_excerpt}}" + data-url={url} + data-title={title} + data-caption={customExcerpt} > @@ -28,22 +32,22 @@ const SocialShare: QuartzComponent = ({ displayClass, fileData }: QuartzComponen onClick={(e) => e.preventDefault()} title="Поделиться в Twitter" data-sharer="twitter" - data-url={`{{url absolute=true}}`} - data-title="{{title}}" + data-url={url} + data-title={title} >
- {/* Uncomment and fix other sections as needed */} + {/* Uncomment and complete other sections as necessary */}
e.preventDefault()} title="Поделиться в Pocket" - data-title="{{title}}" data-sharer="pocket" - data-url={`{{url absolute=true}}`} + data-url={url} + data-title={title} > @@ -55,8 +59,8 @@ const SocialShare: QuartzComponent = ({ displayClass, fileData }: QuartzComponen onClick={(e) => e.preventDefault()} title="Поделиться в Skype" data-sharer="skype" - data-url={`{{url absolute=true}}`} - data-title="{{title}}" + data-url={url} + data-title={title} > diff --git a/quartz/static/social-sprite-color.svg b/quartz/static/social-sprite-color.svg new file mode 100644 index 000000000..b4f5e79b2 --- /dev/null +++ b/quartz/static/social-sprite-color.svg @@ -0,0 +1 @@ + diff --git a/quartz/static/social-sprite.svg b/quartz/static/social-sprite.svg new file mode 100644 index 000000000..65dacb257 --- /dev/null +++ b/quartz/static/social-sprite.svg @@ -0,0 +1 @@ +