From a63900a19960e92b12e9e74e85d5bff3186d41f5 Mon Sep 17 00:00:00 2001
From: raviteja83 <ravi.theja@100ms.live>
Date: Mon, 29 Jul 2024 11:58:56 +0530
Subject: [PATCH] fix: show toast on screenshare error

---
 .../src/Prebuilt/components/ScreenShareToggle.jsx   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/roomkit-react/src/Prebuilt/components/ScreenShareToggle.jsx b/packages/roomkit-react/src/Prebuilt/components/ScreenShareToggle.jsx
index 9d8d145bef..23c35876dc 100644
--- a/packages/roomkit-react/src/Prebuilt/components/ScreenShareToggle.jsx
+++ b/packages/roomkit-react/src/Prebuilt/components/ScreenShareToggle.jsx
@@ -2,6 +2,7 @@ import React, { Fragment } from 'react';
 import { selectIsAllowedToPublish, useAwayNotifications, useHMSStore, useScreenShare } from '@100mslive/react-sdk';
 import { ShareScreenIcon } from '@100mslive/react-icons';
 import { ShareScreenOptions } from './pdfAnnotator/shareScreenOptions';
+import { ToastManager } from './Toast/ToastManager';
 import { Box, Flex } from '../../Layout';
 import { Tooltip } from '../../Tooltip';
 import { ScreenShareButton } from './ShareMenuIcon';
@@ -13,7 +14,17 @@ export const ScreenshareToggle = ({ css = {} }) => {
   const isAllowedToPublish = useHMSStore(selectIsAllowedToPublish);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
 
-  const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = useScreenShare();
+  const {
+    amIScreenSharing,
+    screenShareVideoTrackId: video,
+    toggleScreenShare,
+  } = useScreenShare(error => {
+    ToastManager.addToast({
+      title: error.message,
+      variant: 'error',
+      duration: 2000,
+    });
+  });
   const { requestPermission } = useAwayNotifications();
   const isVideoScreenshare = amIScreenSharing && !!video;
   if (!isAllowedToPublish.screen || !isScreenshareSupported()) {