-
Notifications
You must be signed in to change notification settings - Fork 1
/
ShareButton.jsx
62 lines (56 loc) · 1.45 KB
/
ShareButton.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import FacebookIcon from "@material-ui/icons/Facebook";
import MailIcon from "@material-ui/icons/Mail";
import PinterestIcon from "@material-ui/icons/Pinterest";
import WhatsAppIcon from "@material-ui/icons/WhatsApp";
import { MiradorMenuButton } from "mirador/dist/es/src/components/MiradorMenuButton";
import PropTypes from "prop-types";
import React from "react";
import XIcon from "../icons/XIcon";
import { getShareLink } from "../utils";
const iconMapping = {
envelope: MailIcon,
facebook: FacebookIcon,
pinterest: PinterestIcon,
whatsapp: WhatsAppIcon,
x: XIcon,
};
/** Renders a button for sharing the given content on one of the supported providers */
const ShareButton = ({
attribution,
canvasLink,
label,
provider,
thumbnailUrl,
title,
}) => {
const link = getShareLink(
attribution,
canvasLink,
label,
provider,
thumbnailUrl,
);
const ProviderIcon = iconMapping[provider];
return (
<MiradorMenuButton
aria-label={title}
href={encodeURI(link)}
rel="noopener"
target="_blank"
>
<ProviderIcon />
</MiradorMenuButton>
);
};
ShareButton.defaultProps = {
attribution: undefined,
};
ShareButton.propTypes = {
attribution: PropTypes.string,
canvasLink: PropTypes.string.isRequired,
label: PropTypes.string.isRequired,
provider: PropTypes.string.isRequired,
thumbnailUrl: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
};
export default ShareButton;