Struchkov Mark
cba2e5a1c6
All checks were successful
continuous-integration/drone/push Build is passing
78 lines
3.1 KiB
TypeScript
78 lines
3.1 KiB
TypeScript
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
|
|
// @ts-ignore
|
|
import script from "./scripts/_socialshare.inline"
|
|
import style from "./styles/_socialshare.scss.scss"
|
|
|
|
const SocialShare: QuartzComponent = ({ displayClass, fileData }: QuartzComponentProps) => {
|
|
return (
|
|
<div className="post-share">
|
|
<div className="share-link">
|
|
<a className="share-icon share-telegram"
|
|
href="javascript:void(0);"
|
|
title="Поделиться в Telegram"
|
|
data-sharer="telegram"
|
|
data-url="{{url absolute=" true"}}"
|
|
data-title="{{title}}"
|
|
data-caption="{{custom_excerpt}}">
|
|
<span className="svg-social-icon icon-telegram"></span>
|
|
</a>
|
|
</div>
|
|
<div className="share-link">
|
|
<a className="share-icon share-twitter"
|
|
href="javascript:void(0);"
|
|
title="Поделиться в Twitter"
|
|
data-sharer="twitter"
|
|
data-url="{{url absolute=" true"}}"
|
|
data-title="{{title}}">
|
|
<span className="svg-social-icon icon-twitter"></span>
|
|
</a>
|
|
</div>
|
|
<!-- <div class="share-link">-->
|
|
<!-- <a class="share-icon share-whatsapp"-->
|
|
<!-- href="javascript:void(0);"-->
|
|
<!-- title="Поделиться в WhatsApp"-->
|
|
<!-- data-sharer="whatsapp"-->
|
|
<!-- data-url="{{url absolute="true"}}"-->
|
|
<!-- data-title="{{title}}"-->
|
|
<!-- data-web="">-->
|
|
<!-- <span class="svg-social-icon icon-whatsapp"></span>-->
|
|
<!-- </a>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="share-link">-->
|
|
<!-- <a class="share-icon share-vk"-->
|
|
<!-- href="javascript:void(0);"-->
|
|
<!-- title="Поделиться в VK"-->
|
|
<!-- data-sharer="vk"-->
|
|
<!-- data-url="{{url absolute="true"}}"-->
|
|
<!-- data-title="{{title}}"-->
|
|
<!-- data-caption="{{custom_excerpt}}">-->
|
|
<!-- <span class="svg-social-icon icon-vk"></span>-->
|
|
<!-- </a>-->
|
|
<!-- </div>-->
|
|
<div className="share-link">
|
|
<a className="share-icon share-pocket"
|
|
href="javascript:void(0);"
|
|
title="Поделиться в Pocket"
|
|
data-title="{{title}}"
|
|
data-sharer="pocket"
|
|
data-url="{{url absolute=" true"}}">
|
|
<span className="svg-social-icon icon-pocket"></span>
|
|
</a>
|
|
</div>
|
|
<div className="share-link">
|
|
<a className="share-icon share-skype"
|
|
href="javascript:void(0);"
|
|
title="Поделиться в Skype"
|
|
data-sharer="skype"
|
|
data-url="{{url absolute=" true"}}"
|
|
data-title="{{title}}">
|
|
<span className="svg-social-icon icon-skype"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
RandomPageButton.css = style
|
|
RandomPageButton.afterDOMLoaded = script
|
|
export default (() => RandomPageButton) satisfies QuartzComponentConstructor
|