rappli
/
rappli
1
1
Fork 0
Code Issues 16 Pull Requests Releases Activity

feat: add title to social share section in WelcomeModal

Browse Source
master
Katja Lutz 2 years ago
parent c641409f62
commit 228f15b272
1 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File

38
src/components/WelcomeModal.tsx
Unescape Escape View File

@ -110,6 +110,7 @@ const WelcomeModal: Component = (props) => {
) => ( ) => (
<a <a
class={props.provider + " shadow"} class={props.provider + " shadow"}
title={capitalize(props.provider)}
data-via={props.via} data-via={props.via}
aria-label={`Share on ${capitalize(props.provider)}`} aria-label={`Share on ${capitalize(props.provider)}`}
></a> ></a>
@ -193,23 +194,26 @@ const WelcomeModal: Component = (props) => {
</a> </a>
</div> </div>
<div <div class="mt-16 flex flex-wrap gap-3 items-center justify-center">
class="mt-16 shareon flex flex-wrap items-center justify-center" <div class="text-sm text-slate-600">Teile es auf:</div>
data-title="Hast du schon von Räppli gehört? Es ist ein praktisches Web App, womit Schweizer QR Rechnungen inkl. Rechnungspositionen erstellt werden können und es ist komplett kostenlos! Probiere es aus unter:" <div
data-url={getHost()} class="shareon flex flex-wrap items-center justify-center"
> data-title="Hast du schon von Räppli gehört? Es ist ein praktisches Web App, womit Schweizer QR Rechnungen inkl. Rechnungspositionen erstellt werden können und es ist komplett kostenlos! Probiere es aus unter:"
<ShareonLink provider="facebook" /> data-url={getHost()}
<ShareonLink provider="linkedin" /> >
<ShareonLink provider="mastodon" /> <ShareonLink provider="mastodon" />
<ShareonLink provider="odnoklassniki" /> <ShareonLink provider="telegram" />
<ShareonLink provider="pinterest" /> <ShareonLink provider="reddit" />
<ShareonLink provider="pocket" /> <ShareonLink provider="odnoklassniki" />
<ShareonLink provider="reddit" /> <ShareonLink provider="pinterest" />
<ShareonLink provider="telegram" /> <ShareonLink provider="pocket" />
<ShareonLink provider="twitter" via="katy_wings" /> <ShareonLink provider="viber" />
<ShareonLink provider="viber" /> <ShareonLink provider="vkontakte" />
<ShareonLink provider="vkontakte" /> <ShareonLink provider="linkedin" />
<ShareonLink provider="whatsapp" /> <ShareonLink provider="twitter" via="katy_wings" />
<ShareonLink provider="facebook" />
<ShareonLink provider="whatsapp" />
</div>
</div> </div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save