feat(file-sharing) add support for file sharing

Co-authored-by: Saúl Ibarra Corretgé <saghul@jitsi.org>
Co-authored-by: Lucian-Paul Torje <lucian-paul.torje@8x8.com>

react/features/base/ui/components/types.ts

@@ -1,5 +1,3 @@
-import { GestureResponderEvent } from 'react-native';
-
 import { BUTTON_TYPES } from '../constants.any';
 
 export interface IButtonProps {
@@ -32,7 +30,7 @@ export interface IButtonProps {
     /**
      * Click callback.
      */
-    onClick?: (e?: React.MouseEvent<HTMLButtonElement> | GestureResponderEvent) => void;
+    onClick?: (e?: any) => void;
 
     /**
      * Key press callback.

react/features/base/ui/components/web/Tabs.tsx

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect } from 'react';
 import { makeStyles } from 'tss-react/mui';
 
 import { isMobileBrowser } from '../../../environment/utils';
+import Icon from '../../../icons/components/Icon';
 import { withPixelLineHeight } from '../../../styles/functions.web';
 
 interface ITabProps {
@@ -14,8 +15,9 @@ interface ITabProps {
         controlsId: string;
         countBadge?: number;
         disabled?: boolean;
+        icon?: Function;
         id: string;
-        label: string;
+        label?: string;
     }>;
 }
 
@@ -74,6 +76,10 @@ const useStyles = makeStyles()(theme => {
             borderRadius: '100%',
             backgroundColor: theme.palette.warning01,
             marginLeft: theme.spacing(2)
+        },
+
+        icon: {
+            marginRight: theme.spacing(1)
         }
     };
 });
@@ -134,6 +140,9 @@ const Tabs = ({
                     onKeyDown = { onKeyDown(index) }
                     role = 'tab'
                     tabIndex = { selected === tab.id ? undefined : -1 }>
+                    {tab.icon && <Icon
+                        className = { classes.icon }
+                        src = { tab.icon } />}
                     {tab.label}
                     {tab.countBadge && <span className = { classes.badge }>{tab.countBadge}</span>}
                 </button>