diff --git a/apps/web/pages/event-types/index.tsx b/apps/web/pages/event-types/index.tsx
index 01bd6c4b..789d764e 100644
--- a/apps/web/pages/event-types/index.tsx
+++ b/apps/web/pages/event-types/index.tsx
@@ -7,6 +7,8 @@ import {
ExternalLinkIcon,
LinkIcon,
UsersIcon,
+ UploadIcon,
+ ClipboardCopyIcon,
} from "@heroicons/react/solid";
import { Trans } from "next-i18next";
import Head from "next/head";
@@ -92,6 +94,14 @@ const EventTypeList = ({ readOnly, types, profile }: EventTypeListProps): JSX.El
});
}
+ const [isNativeShare, setNativeShare] = useState(true);
+
+ useEffect(() => {
+ if (!navigator.share) {
+ setNativeShare(false);
+ }
+ }, []);
+
return (
@@ -228,16 +238,16 @@ const EventTypeList = ({ readOnly, types, profile }: EventTypeListProps): JSX.El
{({ active }) => (
)}
+ {isNativeShare ? (
+
+ {({ active }) => (
+
+ )}
+
+ ) : null}
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index a603c0eb..7885d25a 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -453,6 +453,8 @@
"pending": "Pending",
"open_options": "Open options",
"copy_link": "Copy link to event",
+ "share": "Share",
+ "share_event": "Share event",
"copy_link_team": "Copy link to team",
"leave_team": "Leave team",
"confirm_leave_team": "Yes, leave team",
@@ -460,6 +462,7 @@
"user_from_team": "{{user}} from {{team}}",
"preview": "Preview",
"link_copied": "Link copied!",
+ "link_shared": "Link shared!",
"title": "Title",
"description": "Description",
"quick_video_meeting": "A quick video meeting.",