ordering-ui-react-native 0.21.40-test → 0.21.42-test

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.21.40-test",
+  "version": "0.21.42-test",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/business/src/components/StarPrinter/SearchPrinter.tsx

@@ -6,19 +6,25 @@ import {
   FlatList,
 } from 'react-native';
 
+import CheckBox from '@react-native-community/checkbox';
+
 import {
   InterfaceType,
   StarDeviceDiscoveryManager,
   StarDeviceDiscoveryManagerFactory,
   StarPrinter
 } from 'react-native-star-io10';
+import { useTheme } from 'styled-components';
+import { OIconButton } from '../shared';
 
-export const SearchStarPrinter = () => {
+export const SearchStarPrinter = ({ navigation }: any) => {
 
+  const theme = useTheme();
   let _manager: StarDeviceDiscoveryManager;
 
   const [state, setState] = useState({
-    bluetoonabled: true,
+    bluetoothIsEnabled: true,
+    bluetoothLeIsEnabled: true,
     printers: [],
   })
 
@@ -31,10 +37,13 @@ export const SearchStarPrinter = () => {
     try {
       await _manager?.stopDiscovery()
 
-      var interfaceTypes: Array<InterfaceType> = []
-      if (state.bluetoonabled) {
+      let interfaceTypes: Array<InterfaceType> = []
+      if (state.bluetoothIsEnabled) {
         interfaceTypes.push(InterfaceType.Bluetooth);
       }
+      if (state.bluetoothLeIsEnabled) {
+        interfaceTypes.push(InterfaceType.BluetoothLE);
+      }
 
       _manager = await StarDeviceDiscoveryManagerFactory.create(interfaceTypes);
       _manager.discoveryTime = 10000;
@@ -61,10 +70,43 @@ export const SearchStarPrinter = () => {
     }
   }
 
+  const handleArrowBack: any = () => {
+    navigation?.canGoBack() && navigation.goBack();
+  };
+
   return (
     <View style={{ margin: 50 }}>
+      <OIconButton
+        icon={theme.images.general.arrow_left}
+        iconStyle={{ width: 20, height: 20 }}
+        borderColor={theme.colors.clear}
+        style={{ maxWidth: 40, justifyContent: 'flex-end' }}
+        onClick={() => handleArrowBack()}
+      />
       <View
         style={{ width: 100, marginTop: 30 }}>
+        <Text style={{ marginLeft: 20 }}>Bluetooth</Text>
+      </View>
+
+      <View style={{ flexDirection: 'row' }}>
+        <CheckBox
+          style={{ marginLeft: 20 }}
+          value={state.bluetoothLeIsEnabled}
+          onValueChange={(newValue) => {
+            setState({ bluetoothLeIsEnabled: newValue });
+          }}
+        />
+        <Text style={{ marginLeft: 20 }}>Bluetooth LE</Text>
+      </View>
+
+      <View style={{ flexDirection: 'row' }}>
+        <CheckBox
+          style={{ marginLeft: 20 }}
+          value={state.usbIsEnabled}
+          onValueChange={(newValue) => {
+            setState({ usbIsEnabled: newValue });
+          }}
+        />
         <Button
           title="Discovery"
           onPress={_onPressDiscoveryButton}

package/themes/business/src/components/StarPrinter/index.tsx

@@ -137,12 +137,12 @@ export const HandleStarPrinter = ({ navigation }: any) => {
             setPrintState({ identifier: value });
           }}
         />
-        <View style={{ width: 100, marginTop: 20 }}>
-          <Button
-            title="Search Printer"
-            onPress={onSearchPrint}
-          />
-        </View>
+      </View>
+      <View style={{ width: 100, marginTop: 20 }}>
+        <Button
+          title="Search Printer"
+          onPress={onSearchPrint}
+        />
       </View>
       <View style={{ width: 100, marginTop: 20 }}>
         <Button