airbridge-react-native-sdk/qa/source/pages/BlockingList.js

Airbridge SDK for React Native

import React, { useRef } from 'react'

import { View } from 'react-native'
import CustomButton from '../component/CustomButton'
import { Styles } from '../common/Styles'
import { Colors } from '../common/Colors'

import ValueInputDialog from '../component/ValueInputDialog'

import { Airbridge } from 'airbridge-react-native-sdk'

export default function BlockingListPage() {

  const allowTrackingItemRef = useRef();
  const blockTrackingItemRef = useRef();
  
  return (
    <View style={Styles.container}>
      <CustomButton
        buttonColor={Colors.red}
        title={'allowTrackingItem'}
        accessibilityLabel={'allowTrackingItem'}
        onPress={() => allowTrackingItemRef.current.show()} />
      <CustomButton
        buttonColor={Colors.pink}
        title={'blockTrackingItem'}
        accessibilityLabel={'blockTrackingItem'}
        onPress={() => blockTrackingItemRef.current.show()} />

      <ValueInputDialog
        ref={allowTrackingItemRef}
        onConfirm={(value) => {
          value.split(',')
            .map(item => item.trim())
            .filter(item => item !== "")
            .forEach((item, index) => {
              Airbridge.allowTrackingItem(item)
          });
        } } />
      <ValueInputDialog
        ref={blockTrackingItemRef}
        onConfirm={(value) => {
          value.split(',')
            .map(item => item.trim())
            .filter(item => item !== "")
            .forEach((item, index) => {
              Airbridge.blockTrackingItem(item)
          });
        } } />
    </View>
  )
}