added sharing infos

main
Philipp Lohner 1 year ago
parent fc48689a17
commit c6a475d09f
  1. 8
      src/components/SocialBar/SocialBar.scss
  2. 28
      src/components/SocialBar/SocialBar.tsx
  3. 8
      src/components/footer/Footer.scss
  4. 9
      src/variables.ts

@ -1 +1,7 @@
.SocialBar {}
.share-container {
display: flex;
padding: 0 0 1rem 1rem;
button {
margin-right: .5rem;
}
}

@ -12,14 +12,23 @@ import {
TwitterIcon,
TwitterShareButton,
} from "react-share";
import { shareSize, shareTitle, shareUrl } from "../../variables";
import {
shareDescription,
shareHashtags,
shareSize,
shareTitle,
shareTwitterAccounts,
shareTwitterHashtags,
shareTwitterTitle,
shareUrl,
} from "../../variables";
const SocialBar = () => (
<div className="share-container">
<EmailShareButton
url={shareUrl}
subject={shareTitle}
body="body"
body={shareDescription}
className="share-button"
>
<EmailIcon size={shareSize} round />
@ -27,13 +36,20 @@ const SocialBar = () => (
<FacebookShareButton
url={shareUrl}
quote={shareTitle}
quote={shareDescription}
hashtag={shareHashtags}
className="share-button"
>
<FacebookIcon size={shareSize} round />
</FacebookShareButton>
<LinkedinShareButton url={shareUrl} className="share-button">
<LinkedinShareButton
url={shareUrl}
title={shareTitle}
summary={shareDescription}
source={shareUrl}
className="share-button"
>
<LinkedinIcon size={shareSize} round />
</LinkedinShareButton>
@ -49,7 +65,9 @@ const SocialBar = () => (
<TwitterShareButton
url={shareUrl}
title={shareTitle}
title={shareTwitterTitle}
hashtags={shareTwitterHashtags}
related={shareTwitterAccounts}
className="share-button"
>
<TwitterIcon size={shareSize} round />

@ -67,13 +67,5 @@
align-self: flex-end;
}
}
}
.share-container {
display: flex;
padding: 0 0 1rem 1rem;
button {
margin-right: .5rem;
}
}
}

@ -1,4 +1,11 @@
export const url = "https://cms.gruenes-quartett.de";
export const shareUrl = "https://gruenes-quartett.de";
export const shareTitle = "Gruenes Quartett";
export const shareTitle = "Grünes Städte-Quartett";
export const shareSize = 42;
export const shareDescription =
"Das GRÜNE Städte-Quartett ermöglicht Einblicke in das Leben in 28 deutschen Städten. Im Quartett vergleichen sich die 16 Landeshauptstädte sowie die 12 weiteren größten Städte gemessen an der Zahl der Einwohner*innen. Wirf mal einen Blick drauf :-D :";
export const shareHashtags = "#bereit #btw2021 #allestimmengrün";
export const shareTwitterTitle =
"Das Grüne Städte-Quartett... wirf mal einen Blick drauf 😉 👉";
export const shareTwitterHashtags = ["bereit", "btw2021", "allestimmengrün"];
export const shareTwitterAccounts = ["Die_Gruenen", "ABaerbock"];

Loading…
Cancel
Save