feat(recording/native): added new Button component

react/features/base/ui/components/_.native.ts

@@ -0,0 +1 @@
+export * from './native';

react/features/base/ui/components/_.web.ts

@@ -0,0 +1 @@
+export * from './web';

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

@@ -0,0 +1,2 @@
+// @ts-ignore
+export * from './_';

react/features/base/ui/components/native/index.ts

@@ -0,0 +1 @@
+export { default as Button } from './Button';

react/features/base/ui/components/web/index.ts

@@ -0,0 +1 @@
+export { default as Button } from './Button';

react/features/base/ui/index.ts

@@ -0,0 +1 @@
+export * from './components';

react/features/recording/components/Recording/StartRecordingDialogContent.js

@@ -1,5 +1,3 @@
-// @flow
-
 import React, { Component } from 'react';
 
 import {
@@ -12,7 +10,6 @@ import {
 } from '../../../base/dialog';
 import { translate } from '../../../base/i18n';
 import {
-    Button,
     Container,
     Image,
     LoadingIndicator,
@@ -21,6 +18,8 @@ import {
 } from '../../../base/react';
 import { connect } from '../../../base/redux';
 import { StyleType } from '../../../base/styles';
+import { Button } from '../../../base/ui';
+import { BUTTON_TYPES } from '../../../base/ui/constants';
 import { authorizeDropbox, updateDropboxToken } from '../../../dropbox';
 import { isVpaasMeeting } from '../../../jaas/functions';
 import { RECORDING_TYPES } from '../../constants';
@@ -435,10 +434,9 @@ class StartRecordingDialogContent extends Component<Props> {
             switchContent = (
                 <Container className = 'recording-switch'>
                     <Button
-                        onValueChange = { this._onSignOut }
+                        label = { 'recording.signOut' }
-                        style = { styles.signButton }>
+                        onPress = { this._onSignOut }
-                        { t('recording.signOut') }
+                        type = { BUTTON_TYPES.SECONDARY } />
-                    </Button>
                 </Container>
             );
 
@@ -446,10 +444,9 @@ class StartRecordingDialogContent extends Component<Props> {
             switchContent = (
                 <Container className = 'recording-switch'>
                     <Button
-                        onValueChange = { this._onSignIn }
+                        label = { 'recording.signIn' }
-                        style = { styles.signButton }>
+                        onPress = { this._onSignIn }
-                        { t('recording.signIn') }
+                        type = { BUTTON_TYPES.PRIMARY } />
-                    </Button>
                 </Container>
             );
         }

react/features/recording/components/Recording/styles.native.js

@@ -146,14 +146,6 @@ ColorSchemeRegistry.register('StartRecordingDialogContent', {
         color: BaseTheme.palette.text01
     },
 
-    signButton: {
-        backgroundColor: BaseTheme.palette.screen01Header,
-        color: BaseTheme.palette.ui12,
-        fontSize: 16,
-        borderRadius: BaseTheme.shape.borderRadius,
-        padding: BoxModel.padding * 0.5
-    },
-
     switch: {
         color: BaseTheme.palette.ui12
     },