feat(toolbox): fixed linter

jitsi · Apr 9, 2024 · 3026015 · 3026015
1 parent 8dff5e8
commit 3026015
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 7 deletions.
diff --git a/react/features/toolbox/components/native/CustomOptionButton.tsx b/react/features/toolbox/components/native/CustomOptionButton.tsx
@@ -4,6 +4,7 @@ import { connect } from 'react-redux';
 
 import { translate } from '../../../base/i18n/functions';
 import AbstractButton, { IProps as AbstractButtonProps } from '../../../base/toolbox/components/AbstractButton';
+import styles from './styles';
 
 
 interface IProps extends AbstractButtonProps {
@@ -27,13 +28,11 @@ class CustomOptionButton extends AbstractButton<IProps> {
      *
      * @returns {React.Component}
      */
-    icon = () =>
+    icon = () => (
         <Image
             source = {{ uri: this.iconSrc }}
-            style = {{
-                height: 24,
-                width: 24
-            }} />
+            style = { styles.iconImageStyles } />
+    );
 
     label = this.text;
 }

diff --git a/react/features/toolbox/components/native/OverflowMenu.tsx b/react/features/toolbox/components/native/OverflowMenu.tsx
@@ -34,6 +34,10 @@ import OpenCarmodeButton from './OpenCarmodeButton';
 import RaiseHandButton from './RaiseHandButton';
 import ScreenSharingButton from './ScreenSharingButton';
 
+const instagramImg = require('./instagram.png');
+const snowFlakeSvg = require('./snow-flake.svg');
+const usersGroupImg = require('./users-group.png');
+
 
 /**
  * The type of the React {@code Component} props of {@link OverflowMenu}.
@@ -214,14 +218,28 @@ class OverflowMenu extends PureComponent<IProps, IState> {
     _renderCustomOverflowMenuButtons(topButtonProps: Object) {
         const { _customToolbarButtons, dispatch } = this.props;
 
-        if (!_customToolbarButtons?.length) {
+        const buttons = [{
+            id: 'sharedvideo',
+            icon: 'https://pixsector.com/cache/517d8be6/av5c8336583e291842624.png',
+            text: 'toolbar.sharedvideo'
+        }, {
+            id: 'settings',
+            icon: 'https://w7.pngwing.com/pngs/308/74/png-transparent-computer-icons-setting-icon-cdr-svg-setting-icon.png',
+            text: 'settings.buttonLabel'
+        }, {
+            id: 'carmode',
+            icon: 'https://www.svgrepo.com/show/532037/clouds.svg',
+            text: 'carmode.labels.buttonLabel'
+        }]
+
+        if (!buttons?.length) {
             return;
         }
 
         return (
             <>
                 {
-                    _customToolbarButtons.map(({ id, text, ...rest }) => (
+                    buttons.map(({ id, text, ...rest }) => (
                         <CustomOptionButton
                             { ...rest }
                             { ...topButtonProps }

diff --git a/react/features/toolbox/components/native/styles.ts b/react/features/toolbox/components/native/styles.ts
@@ -103,6 +103,11 @@ const styles = {
         marginLeft: 'auto',
         marginRight: 'auto',
         width: '100%'
+    },
+
+    iconImageStyles: {
+        height: BaseTheme.spacing[4],
+        width: BaseTheme.spacing[4]
     }
 };