mg-library 1.0.576 → 1.0.578

package/blocks.js

@@ -1,7 +1,7 @@
 import { useCallback, useState, useEffect } from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import { View, ActivityIndicator, Pressable, Image, FlatList, Keyboard, Dimensions } from 'react-native';
-import { Button, Popover, Card, Input } from '@ui-kitten/components';
+import { Popover, Card, Input } from '@ui-kitten/components';
 import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import * as ImageManipulator from 'expo-image-manipulator';
 import { Camera, CameraType, CameraView } from 'expo-camera';
@@ -536,27 +536,6 @@ export function MGCameraPreview(props) {
     )
 }
 
-/* export function MGButton(props) {
-    const icon = () => (
-        <MaterialCommunityIcons
-            name={props.icon}
-            size={30}
-            style={{ color: 'white' }} />
-    );
-    return (
-        <>
-            <Button
-                onPress={props.callback}
-                status='primary'
-                accessoryLeft={icon}>
-                {!mgFunctionsLib.isEmpty(props.title) &&
-                    props.title
-                }
-            </Button>
-        </>
-    )
-} */
-
 export function MGButton(props) {
     return (
         <>
@@ -565,7 +544,7 @@ export function MGButton(props) {
                     <NBIcon as={MaterialCommunityIcons} name={props.icon} size='lg' color='white' />
                 }
                 onPress={props.callback}>
-                {!mgFunctionsLib.isEmpty(props.title) &&                    
+                {!mgFunctionsLib.isEmpty(props.title) &&
                     <MGText category="p1" color="white">
                         {props.title}
                     </MGText>
@@ -577,29 +556,26 @@ export function MGButton(props) {
 
 export function MGPopover(props) {
     const [visible, setVisible] = useState(false);
-    const icon = () => (
-        <MaterialCommunityIcons
-            name={props.icon}
-            size={30}
-            style={{ color: 'white' }} />
-    );
     const button = () => (
-        <Button
-            onPress={() => setVisible(true)}
-            status='primary'
-            accessoryLeft={icon}>
-            {props.title}
-        </Button>
+        <NBButton py={4} colorScheme='primary'
+            leftIcon={
+                <NBIcon as={MaterialCommunityIcons} name={props.icon} size='lg' color='white' />
+            }
+            onPress={() => setVisible(true)}>
+            <MGText category="p1" color="white">
+                {props.title}
+            </MGText>
+        </NBButton>
     );
     let cardFooter = (
         <>
             <View style={{ flexGrow: 1, flexDirection: 'row', justifyContent: 'space-around', marginTop: 20, marginBottom: 20 }}>
-                <Button style={{ flexGrow: 0.3 }} onPress={() => { setVisible(false); props.callback() }}>
-                    <MGText>{mgFunctionsLib.i18nString('yes', props.language)}</MGText>
-                </Button>
-                <Button style={{ flexGrow: 0.3 }} onPress={() => { setVisible(false) }}>
-                    <MGText>{mgFunctionsLib.i18nString('no', props.language)}</MGText>
-                </Button>
+                <NBButton py={4} colorScheme='primary' style={{ flexGrow: 0.3 }} onPress={() => { setVisible(false); props.callback() }}>
+                    <MGText color="white">{mgFunctionsLib.i18nString('yes', props.language)}</MGText>
+                </NBButton>
+                <NBButton py={4} colorScheme='primary' style={{ flexGrow: 0.3 }} onPress={() => { setVisible(false) }}>
+                    <MGText color="white">{mgFunctionsLib.i18nString('no', props.language)}</MGText>
+                </NBButton>
             </View>
         </>
     );

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mg-library",
-    "version": "1.0.576",
+    "version": "1.0.578",
     "description": "",
     "main": "index.js",
     "scripts": {