Show reconnecting notification when screensharing

ts/components/CallingScreenSharingController.stories.tsx

@@ -9,6 +9,7 @@ import type { PropsType } from './CallingScreenSharingController';
 import { CallingScreenSharingController } from './CallingScreenSharingController';
 
 import { setupI18n } from '../util/setupI18n';
+import { ScreenShareStatus } from '../types/Calling';
 import enMessages from '../../_locales/en/messages.json';
 
 const i18n = setupI18n('en', enMessages);
@@ -18,6 +19,7 @@ const createProps = (overrideProps: Partial<PropsType> = {}): PropsType => ({
   onCloseController: action('on-close-controller'),
   onStopSharing: action('on-stop-sharing'),
   presentedSourceName: overrideProps.presentedSourceName || 'Application',
+  status: overrideProps.status || ScreenShareStatus.Connected,
 });
 
 export default {
@@ -38,3 +40,13 @@ export function ReallyLongAppName(): JSX.Element {
     />
   );
 }
+
+export function Reconnecting(): JSX.Element {
+  return (
+    <CallingScreenSharingController
+      {...createProps({
+        status: ScreenShareStatus.Reconnecting,
+      })}
+    />
+  );
+}