npm - @eohjsc/react-native-smart-city - Versions diffs - 0.2.21 → 0.2.27 - Mend

@eohjsc/react-native-smart-city 0.2.21 → 0.2.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (404) hide show

package/src/screens/EmergencyContacts/__test__/__snapshots__/EmergencyContactList.test.js.snap DELETED Viewed

@@ -1,4276 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`test EmergencyContactList handleRemove 1`] = `
-<View
-  style={
-    Object {
-      "backgroundColor": "#FAFAFA",
-      "flex": 1,
-    }
-  }
->
-  <RCTSafeAreaView
-    emulateUnlessSupported={true}
-    style={
-      Array [
-        Object {
-          "flex": 1,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "width": "100%",
-          "zIndex": 2,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FAFAFA",
-            "borderColor": "#BFBFBF",
-            "borderWidth": 0.5,
-            "height": 88,
-            "opacity": 0,
-            "position": "absolute",
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-            ],
-            "width": "100%",
-          }
-        }
-      />
-      <View
-        style={
-          Object {
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-          }
-        }
-      >
-        <View
-          accessible={true}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "alignItems": "center",
-              "height": 44,
-              "justifyContent": "center",
-              "opacity": 1,
-              "width": 44,
-            }
-          }
-        >
-          <Text
-            style={
-              Array [
-                Object {
-                  "color": "#262626",
-                  "fontFamily": "antoutline",
-                  "fontSize": 27,
-                  "fontStyle": "normal",
-                  "fontWeight": "normal",
-                },
-                undefined,
-              ]
-            }
-          >
-            
-          </Text>
-        </View>
-        <View
-          styles={
-            Object {
-              "height": 44,
-              "width": 44,
-            }
-          }
-        />
-      </View>
-      <View
-        style={
-          Object {
-            "backgroundColor": "transparent",
-            "height": 44,
-            "justifyContent": "center",
-            "marginRight": 0,
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-              Object {
-                "translateX": 0,
-              },
-              Object {
-                "scale": 1,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          numberOfLines={1}
-          style={
-            Array [
-              Object {
-                "color": "#000",
-                "fontFamily": "SFProDisplay-Semibold",
-                "fontSize": 24,
-                "lineHeight": 32,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "color": "#262626",
-                "marginLeft": 16,
-                "width": "100%",
-              },
-            ]
-          }
-        >
-          Danh sách liên hệ khẩn cấp
-        </Text>
-      </View>
-    </View>
-    <RCTScrollView
-      contentContainerStyle={
-        Array [
-          Object {
-            "paddingBottom": 88,
-          },
-          undefined,
-        ]
-      }
-      onMomentumScrollEnd={[Function]}
-      onScroll={[Function]}
-      refreshControl={
-        <RefreshControlMock
-          refreshing={false}
-        />
-      }
-      scrollEventThrottle={16}
-      showsVerticalScrollIndicator={false}
-      style={
-        Object {
-          "flex": 1,
-          "marginBottom": -88,
-          "paddingTop": 16,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-    >
-      <RCTRefreshControl />
-      <View>
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#595959",
-                "fontFamily": "SFProDisplay-Regular",
-                "fontSize": 14,
-                "lineHeight": 22,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "marginBottom": 16,
-                "marginHorizontal": 16,
-              },
-            ]
-          }
-        >
-          Thiết lập danh bạ khẩn cấp cho địa điểm này để có thể liên lạc nhanh khi có tình huống khẩn cấp xảy ra.
-        </Text>
-        <View
-          style={
-            Array [
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderColor": "#E8E8E8",
-                "borderRadius": 20,
-                "borderWidth": 1,
-                "marginBottom": 16,
-                "paddingBottom": 24,
-                "paddingHorizontal": 16,
-                "paddingTop": 8,
-              },
-              undefined,
-            ]
-          }
-        >
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "paddingVertical": 16,
-              }
-            }
-          >
-            <View
-              style={
-                Array [
-                  Object {
-                    "backgroundColor": "#00979D",
-                    "borderColor": "white",
-                    "borderRadius": 20,
-                    "borderWidth": 0,
-                    "height": 40,
-                    "width": 40,
-                  },
-                  Object {
-                    "alignItems": "center",
-                    "justifyContent": "center",
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#FFFFFF",
-                      "fontFamily": "antoutline",
-                      "fontSize": 20,
-                      "fontStyle": "normal",
-                      "fontWeight": "normal",
-                    },
-                    undefined,
-                  ]
-                }
-              >
-                
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "flex": 1,
-                  "marginLeft": 16,
-                }
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Bold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Thêm
-              </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#BFBFBF",
-                      "fontFamily": "SFProDisplay-Regular",
-                      "fontSize": 12,
-                      "lineHeight": 20,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {
-                      "marginTop": -1,
-                    },
-                  ]
-                }
-              >
-                Tối đa 5 liên hệ
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "backgroundColor": "#E8E8E8",
-                  "bottom": 1,
-                  "height": 1,
-                  "left": 56,
-                  "position": "absolute",
-                  "right": 0,
-                }
-              }
-            />
-          </View>
-        </View>
-      </View>
-    </RCTScrollView>
-  </RCTSafeAreaView>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={false}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-              "marginBottom": 20,
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-            </Text>
-          </View>
-          <View
-            style={
-              Object {
-                "flexDirection": "row",
-                "justifyContent": "center",
-                "paddingHorizontal": 16,
-              }
-            }
-          >
-            <View
-              accessible={true}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "alignItems": "center",
-                  "flex": 1,
-                  "justifyContent": "center",
-                  "opacity": 1,
-                  "paddingVertical": 24,
-                  "width": "100%",
-                }
-              }
-              testID="VIEW_BUTTON_BOTTOM_LEFT_BUTTON"
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Semibold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Hủy
-              </Text>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  </Modal>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={false}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "alignItems": "flex-start",
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "justifyContent": "center",
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-              Thêm
-            </Text>
-          </View>
-          <RCTScrollView
-            bounces={false}
-            contentContainerStyle={
-              Object {
-                "flex": 1,
-                "paddingBottom": 0,
-                "paddingHorizontal": 16,
-              }
-            }
-            data={
-              Array [
-                Object {
-                  "data": Object {
-                    "group": 1,
-                  },
-                  "id": 1,
-                  "route": "EmergencyContactsAddNew",
-                  "text": "Tạo liên hệ",
-                },
-                Object {
-                  "data": Object {
-                    "unitId": 1,
-                  },
-                  "id": 2,
-                  "route": "EmergencyContactsSelectContacts",
-                  "text": "Chọn từ danh sách thành viên của địa điểm",
-                },
-              ]
-            }
-            disableVirtualization={false}
-            getItem={[Function]}
-            getItemCount={[Function]}
-            horizontal={false}
-            initialNumToRender={10}
-            keyExtractor={[Function]}
-            maxToRenderPerBatch={10}
-            onContentSizeChange={[Function]}
-            onEndReachedThreshold={2}
-            onLayout={[Function]}
-            onMomentumScrollEnd={[Function]}
-            onScroll={[Function]}
-            onScrollBeginDrag={[Function]}
-            onScrollEndDrag={[Function]}
-            removeClippedSubviews={false}
-            renderItem={[Function]}
-            scrollEventThrottle={50}
-            stickyHeaderIndices={Array []}
-            updateCellsBatchingPeriod={50}
-            viewabilityConfigCallbackPairs={Array []}
-            windowSize={21}
-          >
-            <View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Tạo liên hệ
-                    </Text>
-                  </View>
-                </View>
-              </View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Chọn từ danh sách thành viên của địa điểm
-                    </Text>
-                  </View>
-                </View>
-              </View>
-            </View>
-          </RCTScrollView>
-        </View>
-      </View>
-    </View>
-  </Modal>
-</View>
-`;
-exports[`test EmergencyContactList onAddNew 1`] = `
-<View
-  style={
-    Object {
-      "backgroundColor": "#FAFAFA",
-      "flex": 1,
-    }
-  }
->
-  <RCTSafeAreaView
-    emulateUnlessSupported={true}
-    style={
-      Array [
-        Object {
-          "flex": 1,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "width": "100%",
-          "zIndex": 2,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FAFAFA",
-            "borderColor": "#BFBFBF",
-            "borderWidth": 0.5,
-            "height": 88,
-            "opacity": 0,
-            "position": "absolute",
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-            ],
-            "width": "100%",
-          }
-        }
-      />
-      <View
-        style={
-          Object {
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-          }
-        }
-      >
-        <View
-          accessible={true}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "alignItems": "center",
-              "height": 44,
-              "justifyContent": "center",
-              "opacity": 1,
-              "width": 44,
-            }
-          }
-        >
-          <Text
-            style={
-              Array [
-                Object {
-                  "color": "#262626",
-                  "fontFamily": "antoutline",
-                  "fontSize": 27,
-                  "fontStyle": "normal",
-                  "fontWeight": "normal",
-                },
-                undefined,
-              ]
-            }
-          >
-            
-          </Text>
-        </View>
-        <View
-          styles={
-            Object {
-              "height": 44,
-              "width": 44,
-            }
-          }
-        />
-      </View>
-      <View
-        style={
-          Object {
-            "backgroundColor": "transparent",
-            "height": 44,
-            "justifyContent": "center",
-            "marginRight": 0,
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-              Object {
-                "translateX": 0,
-              },
-              Object {
-                "scale": 1,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          numberOfLines={1}
-          style={
-            Array [
-              Object {
-                "color": "#000",
-                "fontFamily": "SFProDisplay-Semibold",
-                "fontSize": 24,
-                "lineHeight": 32,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "color": "#262626",
-                "marginLeft": 16,
-                "width": "100%",
-              },
-            ]
-          }
-        >
-          Danh sách liên hệ khẩn cấp
-        </Text>
-      </View>
-    </View>
-    <RCTScrollView
-      contentContainerStyle={
-        Array [
-          Object {
-            "paddingBottom": 88,
-          },
-          undefined,
-        ]
-      }
-      onMomentumScrollEnd={[Function]}
-      onScroll={[Function]}
-      refreshControl={
-        <RefreshControlMock
-          refreshing={false}
-        />
-      }
-      scrollEventThrottle={16}
-      showsVerticalScrollIndicator={false}
-      style={
-        Object {
-          "flex": 1,
-          "marginBottom": -88,
-          "paddingTop": 16,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-    >
-      <RCTRefreshControl />
-      <View>
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#595959",
-                "fontFamily": "SFProDisplay-Regular",
-                "fontSize": 14,
-                "lineHeight": 22,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "marginBottom": 16,
-                "marginHorizontal": 16,
-              },
-            ]
-          }
-        >
-          Thiết lập danh bạ khẩn cấp cho địa điểm này để có thể liên lạc nhanh khi có tình huống khẩn cấp xảy ra.
-        </Text>
-        <View
-          style={
-            Array [
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderColor": "#E8E8E8",
-                "borderRadius": 20,
-                "borderWidth": 1,
-                "marginBottom": 16,
-                "paddingBottom": 24,
-                "paddingHorizontal": 16,
-                "paddingTop": 8,
-              },
-              undefined,
-            ]
-          }
-        >
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "paddingVertical": 16,
-              }
-            }
-          >
-            <View
-              style={
-                Array [
-                  Object {
-                    "backgroundColor": "#00979D",
-                    "borderColor": "white",
-                    "borderRadius": 20,
-                    "borderWidth": 0,
-                    "height": 40,
-                    "width": 40,
-                  },
-                  Object {
-                    "alignItems": "center",
-                    "justifyContent": "center",
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#FFFFFF",
-                      "fontFamily": "antoutline",
-                      "fontSize": 20,
-                      "fontStyle": "normal",
-                      "fontWeight": "normal",
-                    },
-                    undefined,
-                  ]
-                }
-              >
-                
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "flex": 1,
-                  "marginLeft": 16,
-                }
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Bold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Thêm
-              </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#BFBFBF",
-                      "fontFamily": "SFProDisplay-Regular",
-                      "fontSize": 12,
-                      "lineHeight": 20,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {
-                      "marginTop": -1,
-                    },
-                  ]
-                }
-              >
-                Tối đa 5 liên hệ
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "backgroundColor": "#E8E8E8",
-                  "bottom": 1,
-                  "height": 1,
-                  "left": 56,
-                  "position": "absolute",
-                  "right": 0,
-                }
-              }
-            />
-          </View>
-        </View>
-      </View>
-    </RCTScrollView>
-  </RCTSafeAreaView>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={false}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-              "marginBottom": 20,
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-            </Text>
-          </View>
-          <View
-            style={
-              Object {
-                "flexDirection": "row",
-                "justifyContent": "center",
-                "paddingHorizontal": 16,
-              }
-            }
-          >
-            <View
-              accessible={true}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "alignItems": "center",
-                  "flex": 1,
-                  "justifyContent": "center",
-                  "opacity": 1,
-                  "paddingVertical": 24,
-                  "width": "100%",
-                }
-              }
-              testID="VIEW_BUTTON_BOTTOM_LEFT_BUTTON"
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Semibold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Hủy
-              </Text>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  </Modal>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={true}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 1334,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "alignItems": "flex-start",
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "justifyContent": "center",
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-              Thêm
-            </Text>
-          </View>
-          <RCTScrollView
-            bounces={false}
-            contentContainerStyle={
-              Object {
-                "flex": 1,
-                "paddingBottom": 0,
-                "paddingHorizontal": 16,
-              }
-            }
-            data={
-              Array [
-                Object {
-                  "data": Object {
-                    "group": 1,
-                  },
-                  "id": 1,
-                  "route": "EmergencyContactsAddNew",
-                  "text": "Tạo liên hệ",
-                },
-                Object {
-                  "data": Object {
-                    "unitId": 1,
-                  },
-                  "id": 2,
-                  "route": "EmergencyContactsSelectContacts",
-                  "text": "Chọn từ danh sách thành viên của địa điểm",
-                },
-              ]
-            }
-            disableVirtualization={false}
-            getItem={[Function]}
-            getItemCount={[Function]}
-            horizontal={false}
-            initialNumToRender={10}
-            keyExtractor={[Function]}
-            maxToRenderPerBatch={10}
-            onContentSizeChange={[Function]}
-            onEndReachedThreshold={2}
-            onLayout={[Function]}
-            onMomentumScrollEnd={[Function]}
-            onScroll={[Function]}
-            onScrollBeginDrag={[Function]}
-            onScrollEndDrag={[Function]}
-            removeClippedSubviews={false}
-            renderItem={[Function]}
-            scrollEventThrottle={50}
-            stickyHeaderIndices={Array []}
-            updateCellsBatchingPeriod={50}
-            viewabilityConfigCallbackPairs={Array []}
-            windowSize={21}
-          >
-            <View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Tạo liên hệ
-                    </Text>
-                  </View>
-                </View>
-              </View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Chọn từ danh sách thành viên của địa điểm
-                    </Text>
-                  </View>
-                </View>
-              </View>
-            </View>
-          </RCTScrollView>
-        </View>
-      </View>
-    </View>
-  </Modal>
-</View>
-`;
-exports[`test EmergencyContactList onItemAddClick create contact 1`] = `
-<View
-  style={
-    Object {
-      "backgroundColor": "#FAFAFA",
-      "flex": 1,
-    }
-  }
->
-  <RCTSafeAreaView
-    emulateUnlessSupported={true}
-    style={
-      Array [
-        Object {
-          "flex": 1,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "width": "100%",
-          "zIndex": 2,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FAFAFA",
-            "borderColor": "#BFBFBF",
-            "borderWidth": 0.5,
-            "height": 88,
-            "opacity": 0,
-            "position": "absolute",
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-            ],
-            "width": "100%",
-          }
-        }
-      />
-      <View
-        style={
-          Object {
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-          }
-        }
-      >
-        <View
-          accessible={true}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "alignItems": "center",
-              "height": 44,
-              "justifyContent": "center",
-              "opacity": 1,
-              "width": 44,
-            }
-          }
-        >
-          <Text
-            style={
-              Array [
-                Object {
-                  "color": "#262626",
-                  "fontFamily": "antoutline",
-                  "fontSize": 27,
-                  "fontStyle": "normal",
-                  "fontWeight": "normal",
-                },
-                undefined,
-              ]
-            }
-          >
-            
-          </Text>
-        </View>
-        <View
-          styles={
-            Object {
-              "height": 44,
-              "width": 44,
-            }
-          }
-        />
-      </View>
-      <View
-        style={
-          Object {
-            "backgroundColor": "transparent",
-            "height": 44,
-            "justifyContent": "center",
-            "marginRight": 0,
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-              Object {
-                "translateX": 0,
-              },
-              Object {
-                "scale": 1,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          numberOfLines={1}
-          style={
-            Array [
-              Object {
-                "color": "#000",
-                "fontFamily": "SFProDisplay-Semibold",
-                "fontSize": 24,
-                "lineHeight": 32,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "color": "#262626",
-                "marginLeft": 16,
-                "width": "100%",
-              },
-            ]
-          }
-        >
-          Danh sách liên hệ khẩn cấp
-        </Text>
-      </View>
-    </View>
-    <RCTScrollView
-      contentContainerStyle={
-        Array [
-          Object {
-            "paddingBottom": 88,
-          },
-          undefined,
-        ]
-      }
-      onMomentumScrollEnd={[Function]}
-      onScroll={[Function]}
-      refreshControl={
-        <RefreshControlMock
-          refreshing={false}
-        />
-      }
-      scrollEventThrottle={16}
-      showsVerticalScrollIndicator={false}
-      style={
-        Object {
-          "flex": 1,
-          "marginBottom": -88,
-          "paddingTop": 16,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-    >
-      <RCTRefreshControl />
-      <View>
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#595959",
-                "fontFamily": "SFProDisplay-Regular",
-                "fontSize": 14,
-                "lineHeight": 22,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "marginBottom": 16,
-                "marginHorizontal": 16,
-              },
-            ]
-          }
-        >
-          Thiết lập danh bạ khẩn cấp cho địa điểm này để có thể liên lạc nhanh khi có tình huống khẩn cấp xảy ra.
-        </Text>
-        <View
-          style={
-            Array [
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderColor": "#E8E8E8",
-                "borderRadius": 20,
-                "borderWidth": 1,
-                "marginBottom": 16,
-                "paddingBottom": 24,
-                "paddingHorizontal": 16,
-                "paddingTop": 8,
-              },
-              undefined,
-            ]
-          }
-        >
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "paddingVertical": 16,
-              }
-            }
-          >
-            <View
-              style={
-                Array [
-                  Object {
-                    "backgroundColor": "#00979D",
-                    "borderColor": "white",
-                    "borderRadius": 20,
-                    "borderWidth": 0,
-                    "height": 40,
-                    "width": 40,
-                  },
-                  Object {
-                    "alignItems": "center",
-                    "justifyContent": "center",
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#FFFFFF",
-                      "fontFamily": "antoutline",
-                      "fontSize": 20,
-                      "fontStyle": "normal",
-                      "fontWeight": "normal",
-                    },
-                    undefined,
-                  ]
-                }
-              >
-                
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "flex": 1,
-                  "marginLeft": 16,
-                }
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Bold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Thêm
-              </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#BFBFBF",
-                      "fontFamily": "SFProDisplay-Regular",
-                      "fontSize": 12,
-                      "lineHeight": 20,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {
-                      "marginTop": -1,
-                    },
-                  ]
-                }
-              >
-                Tối đa 5 liên hệ
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "backgroundColor": "#E8E8E8",
-                  "bottom": 1,
-                  "height": 1,
-                  "left": 56,
-                  "position": "absolute",
-                  "right": 0,
-                }
-              }
-            />
-          </View>
-        </View>
-      </View>
-    </RCTScrollView>
-  </RCTSafeAreaView>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={false}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-              "marginBottom": 20,
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-            </Text>
-          </View>
-          <View
-            style={
-              Object {
-                "flexDirection": "row",
-                "justifyContent": "center",
-                "paddingHorizontal": 16,
-              }
-            }
-          >
-            <View
-              accessible={true}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "alignItems": "center",
-                  "flex": 1,
-                  "justifyContent": "center",
-                  "opacity": 1,
-                  "paddingVertical": 24,
-                  "width": "100%",
-                }
-              }
-              testID="VIEW_BUTTON_BOTTOM_LEFT_BUTTON"
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Semibold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Hủy
-              </Text>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  </Modal>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={false}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "alignItems": "flex-start",
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "justifyContent": "center",
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-              Thêm
-            </Text>
-          </View>
-          <RCTScrollView
-            bounces={false}
-            contentContainerStyle={
-              Object {
-                "flex": 1,
-                "paddingBottom": 0,
-                "paddingHorizontal": 16,
-              }
-            }
-            data={
-              Array [
-                Object {
-                  "data": Object {
-                    "group": 1,
-                  },
-                  "id": 1,
-                  "route": "EmergencyContactsAddNew",
-                  "text": "Tạo liên hệ",
-                },
-                Object {
-                  "data": Object {
-                    "unitId": 1,
-                  },
-                  "id": 2,
-                  "route": "EmergencyContactsSelectContacts",
-                  "text": "Chọn từ danh sách thành viên của địa điểm",
-                },
-              ]
-            }
-            disableVirtualization={false}
-            getItem={[Function]}
-            getItemCount={[Function]}
-            horizontal={false}
-            initialNumToRender={10}
-            keyExtractor={[Function]}
-            maxToRenderPerBatch={10}
-            onContentSizeChange={[Function]}
-            onEndReachedThreshold={2}
-            onLayout={[Function]}
-            onMomentumScrollEnd={[Function]}
-            onScroll={[Function]}
-            onScrollBeginDrag={[Function]}
-            onScrollEndDrag={[Function]}
-            removeClippedSubviews={false}
-            renderItem={[Function]}
-            scrollEventThrottle={50}
-            stickyHeaderIndices={Array []}
-            updateCellsBatchingPeriod={50}
-            viewabilityConfigCallbackPairs={Array []}
-            windowSize={21}
-          >
-            <View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Tạo liên hệ
-                    </Text>
-                  </View>
-                </View>
-              </View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Chọn từ danh sách thành viên của địa điểm
-                    </Text>
-                  </View>
-                </View>
-              </View>
-            </View>
-          </RCTScrollView>
-        </View>
-      </View>
-    </View>
-  </Modal>
-</View>
-`;
-exports[`test EmergencyContactList onItemAddClick select unit members 1`] = `
-<View
-  style={
-    Object {
-      "backgroundColor": "#FAFAFA",
-      "flex": 1,
-    }
-  }
->
-  <RCTSafeAreaView
-    emulateUnlessSupported={true}
-    style={
-      Array [
-        Object {
-          "flex": 1,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "width": "100%",
-          "zIndex": 2,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FAFAFA",
-            "borderColor": "#BFBFBF",
-            "borderWidth": 0.5,
-            "height": 88,
-            "opacity": 0,
-            "position": "absolute",
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-            ],
-            "width": "100%",
-          }
-        }
-      />
-      <View
-        style={
-          Object {
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-          }
-        }
-      >
-        <View
-          accessible={true}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "alignItems": "center",
-              "height": 44,
-              "justifyContent": "center",
-              "opacity": 1,
-              "width": 44,
-            }
-          }
-        >
-          <Text
-            style={
-              Array [
-                Object {
-                  "color": "#262626",
-                  "fontFamily": "antoutline",
-                  "fontSize": 27,
-                  "fontStyle": "normal",
-                  "fontWeight": "normal",
-                },
-                undefined,
-              ]
-            }
-          >
-            
-          </Text>
-        </View>
-        <View
-          styles={
-            Object {
-              "height": 44,
-              "width": 44,
-            }
-          }
-        />
-      </View>
-      <View
-        style={
-          Object {
-            "backgroundColor": "transparent",
-            "height": 44,
-            "justifyContent": "center",
-            "marginRight": 0,
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-              Object {
-                "translateX": 0,
-              },
-              Object {
-                "scale": 1,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          numberOfLines={1}
-          style={
-            Array [
-              Object {
-                "color": "#000",
-                "fontFamily": "SFProDisplay-Semibold",
-                "fontSize": 24,
-                "lineHeight": 32,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "color": "#262626",
-                "marginLeft": 16,
-                "width": "100%",
-              },
-            ]
-          }
-        >
-          Danh sách liên hệ khẩn cấp
-        </Text>
-      </View>
-    </View>
-    <RCTScrollView
-      contentContainerStyle={
-        Array [
-          Object {
-            "paddingBottom": 88,
-          },
-          undefined,
-        ]
-      }
-      onMomentumScrollEnd={[Function]}
-      onScroll={[Function]}
-      refreshControl={
-        <RefreshControlMock
-          refreshing={false}
-        />
-      }
-      scrollEventThrottle={16}
-      showsVerticalScrollIndicator={false}
-      style={
-        Object {
-          "flex": 1,
-          "marginBottom": -88,
-          "paddingTop": 16,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-    >
-      <RCTRefreshControl />
-      <View>
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#595959",
-                "fontFamily": "SFProDisplay-Regular",
-                "fontSize": 14,
-                "lineHeight": 22,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "marginBottom": 16,
-                "marginHorizontal": 16,
-              },
-            ]
-          }
-        >
-          Thiết lập danh bạ khẩn cấp cho địa điểm này để có thể liên lạc nhanh khi có tình huống khẩn cấp xảy ra.
-        </Text>
-        <View
-          style={
-            Array [
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderColor": "#E8E8E8",
-                "borderRadius": 20,
-                "borderWidth": 1,
-                "marginBottom": 16,
-                "paddingBottom": 24,
-                "paddingHorizontal": 16,
-                "paddingTop": 8,
-              },
-              undefined,
-            ]
-          }
-        >
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "paddingVertical": 16,
-              }
-            }
-          >
-            <View
-              style={
-                Array [
-                  Object {
-                    "backgroundColor": "#00979D",
-                    "borderColor": "white",
-                    "borderRadius": 20,
-                    "borderWidth": 0,
-                    "height": 40,
-                    "width": 40,
-                  },
-                  Object {
-                    "alignItems": "center",
-                    "justifyContent": "center",
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#FFFFFF",
-                      "fontFamily": "antoutline",
-                      "fontSize": 20,
-                      "fontStyle": "normal",
-                      "fontWeight": "normal",
-                    },
-                    undefined,
-                  ]
-                }
-              >
-                
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "flex": 1,
-                  "marginLeft": 16,
-                }
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Bold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Thêm
-              </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#BFBFBF",
-                      "fontFamily": "SFProDisplay-Regular",
-                      "fontSize": 12,
-                      "lineHeight": 20,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {
-                      "marginTop": -1,
-                    },
-                  ]
-                }
-              >
-                Tối đa 5 liên hệ
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "backgroundColor": "#E8E8E8",
-                  "bottom": 1,
-                  "height": 1,
-                  "left": 56,
-                  "position": "absolute",
-                  "right": 0,
-                }
-              }
-            />
-          </View>
-        </View>
-      </View>
-    </RCTScrollView>
-  </RCTSafeAreaView>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={false}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-              "marginBottom": 20,
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-            </Text>
-          </View>
-          <View
-            style={
-              Object {
-                "flexDirection": "row",
-                "justifyContent": "center",
-                "paddingHorizontal": 16,
-              }
-            }
-          >
-            <View
-              accessible={true}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "alignItems": "center",
-                  "flex": 1,
-                  "justifyContent": "center",
-                  "opacity": 1,
-                  "paddingVertical": 24,
-                  "width": "100%",
-                }
-              }
-              testID="VIEW_BUTTON_BOTTOM_LEFT_BUTTON"
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Semibold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Hủy
-              </Text>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  </Modal>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={false}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "alignItems": "flex-start",
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "justifyContent": "center",
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-              Thêm
-            </Text>
-          </View>
-          <RCTScrollView
-            bounces={false}
-            contentContainerStyle={
-              Object {
-                "flex": 1,
-                "paddingBottom": 0,
-                "paddingHorizontal": 16,
-              }
-            }
-            data={
-              Array [
-                Object {
-                  "data": Object {
-                    "group": 1,
-                  },
-                  "id": 1,
-                  "route": "EmergencyContactsAddNew",
-                  "text": "Tạo liên hệ",
-                },
-                Object {
-                  "data": Object {
-                    "unitId": 1,
-                  },
-                  "id": 2,
-                  "route": "EmergencyContactsSelectContacts",
-                  "text": "Chọn từ danh sách thành viên của địa điểm",
-                },
-              ]
-            }
-            disableVirtualization={false}
-            getItem={[Function]}
-            getItemCount={[Function]}
-            horizontal={false}
-            initialNumToRender={10}
-            keyExtractor={[Function]}
-            maxToRenderPerBatch={10}
-            onContentSizeChange={[Function]}
-            onEndReachedThreshold={2}
-            onLayout={[Function]}
-            onMomentumScrollEnd={[Function]}
-            onScroll={[Function]}
-            onScrollBeginDrag={[Function]}
-            onScrollEndDrag={[Function]}
-            removeClippedSubviews={false}
-            renderItem={[Function]}
-            scrollEventThrottle={50}
-            stickyHeaderIndices={Array []}
-            updateCellsBatchingPeriod={50}
-            viewabilityConfigCallbackPairs={Array []}
-            windowSize={21}
-          >
-            <View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Tạo liên hệ
-                    </Text>
-                  </View>
-                </View>
-              </View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Chọn từ danh sách thành viên của địa điểm
-                    </Text>
-                  </View>
-                </View>
-              </View>
-            </View>
-          </RCTScrollView>
-        </View>
-      </View>
-    </View>
-  </Modal>
-</View>
-`;
-exports[`test EmergencyContactList render 1`] = `
-<View
-  style={
-    Object {
-      "backgroundColor": "#FAFAFA",
-      "flex": 1,
-    }
-  }
->
-  <RCTSafeAreaView
-    emulateUnlessSupported={true}
-    style={
-      Array [
-        Object {
-          "flex": 1,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      style={
-        Object {
-          "backgroundColor": "transparent",
-          "width": "100%",
-          "zIndex": 2,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FAFAFA",
-            "borderColor": "#BFBFBF",
-            "borderWidth": 0.5,
-            "height": 88,
-            "opacity": 0,
-            "position": "absolute",
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-            ],
-            "width": "100%",
-          }
-        }
-      />
-      <View
-        style={
-          Object {
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-          }
-        }
-      >
-        <View
-          accessible={true}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "alignItems": "center",
-              "height": 44,
-              "justifyContent": "center",
-              "opacity": 1,
-              "width": 44,
-            }
-          }
-        >
-          <Text
-            style={
-              Array [
-                Object {
-                  "color": "#262626",
-                  "fontFamily": "antoutline",
-                  "fontSize": 27,
-                  "fontStyle": "normal",
-                  "fontWeight": "normal",
-                },
-                undefined,
-              ]
-            }
-          >
-            
-          </Text>
-        </View>
-        <View
-          styles={
-            Object {
-              "height": 44,
-              "width": 44,
-            }
-          }
-        />
-      </View>
-      <View
-        style={
-          Object {
-            "backgroundColor": "transparent",
-            "height": 44,
-            "justifyContent": "center",
-            "marginRight": 0,
-            "transform": Array [
-              Object {
-                "translateY": 0,
-              },
-              Object {
-                "translateX": 0,
-              },
-              Object {
-                "scale": 1,
-              },
-            ],
-          }
-        }
-      >
-        <Text
-          numberOfLines={1}
-          style={
-            Array [
-              Object {
-                "color": "#000",
-                "fontFamily": "SFProDisplay-Semibold",
-                "fontSize": 24,
-                "lineHeight": 32,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "color": "#262626",
-                "marginLeft": 16,
-                "width": "100%",
-              },
-            ]
-          }
-        >
-          Danh sách liên hệ khẩn cấp
-        </Text>
-      </View>
-    </View>
-    <RCTScrollView
-      contentContainerStyle={
-        Array [
-          Object {
-            "paddingBottom": 88,
-          },
-          undefined,
-        ]
-      }
-      onMomentumScrollEnd={[Function]}
-      onScroll={[Function]}
-      refreshControl={
-        <RefreshControlMock
-          refreshing={false}
-        />
-      }
-      scrollEventThrottle={16}
-      showsVerticalScrollIndicator={false}
-      style={
-        Object {
-          "flex": 1,
-          "marginBottom": -88,
-          "paddingTop": 16,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-    >
-      <RCTRefreshControl />
-      <View>
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#595959",
-                "fontFamily": "SFProDisplay-Regular",
-                "fontSize": 14,
-                "lineHeight": 22,
-                "textAlign": "left",
-                "textDecorationLine": "none",
-              },
-              Object {
-                "marginBottom": 16,
-                "marginHorizontal": 16,
-              },
-            ]
-          }
-        >
-          Thiết lập danh bạ khẩn cấp cho địa điểm này để có thể liên lạc nhanh khi có tình huống khẩn cấp xảy ra.
-        </Text>
-        <View
-          style={
-            Array [
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderColor": "#E8E8E8",
-                "borderRadius": 20,
-                "borderWidth": 1,
-                "marginBottom": 16,
-                "paddingBottom": 24,
-                "paddingHorizontal": 16,
-                "paddingTop": 8,
-              },
-              undefined,
-            ]
-          }
-        >
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "paddingVertical": 16,
-              }
-            }
-          >
-            <View
-              style={
-                Array [
-                  Object {
-                    "backgroundColor": "#00979D",
-                    "borderColor": "white",
-                    "borderRadius": 20,
-                    "borderWidth": 0,
-                    "height": 40,
-                    "width": 40,
-                  },
-                  Object {
-                    "alignItems": "center",
-                    "justifyContent": "center",
-                  },
-                  undefined,
-                ]
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#FFFFFF",
-                      "fontFamily": "antoutline",
-                      "fontSize": 20,
-                      "fontStyle": "normal",
-                      "fontWeight": "normal",
-                    },
-                    undefined,
-                  ]
-                }
-              >
-                
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "flex": 1,
-                  "marginLeft": 16,
-                }
-              }
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Bold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Thêm
-              </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#BFBFBF",
-                      "fontFamily": "SFProDisplay-Regular",
-                      "fontSize": 12,
-                      "lineHeight": 20,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {
-                      "marginTop": -1,
-                    },
-                  ]
-                }
-              >
-                Tối đa 5 liên hệ
-              </Text>
-            </View>
-            <View
-              style={
-                Object {
-                  "backgroundColor": "#E8E8E8",
-                  "bottom": 1,
-                  "height": 1,
-                  "left": 56,
-                  "position": "absolute",
-                  "right": 0,
-                }
-              }
-            />
-          </View>
-        </View>
-      </View>
-    </RCTScrollView>
-  </RCTSafeAreaView>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={false}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-              "marginBottom": 20,
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-            </Text>
-          </View>
-          <View
-            style={
-              Object {
-                "flexDirection": "row",
-                "justifyContent": "center",
-                "paddingHorizontal": 16,
-              }
-            }
-          >
-            <View
-              accessible={true}
-              focusable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "alignItems": "center",
-                  "flex": 1,
-                  "justifyContent": "center",
-                  "opacity": 1,
-                  "paddingVertical": 24,
-                  "width": "100%",
-                }
-              }
-              testID="VIEW_BUTTON_BOTTOM_LEFT_BUTTON"
-            >
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#00979D",
-                      "fontFamily": "SFProDisplay-Semibold",
-                      "fontSize": 16,
-                      "lineHeight": 24,
-                      "textAlign": "left",
-                      "textDecorationLine": "none",
-                    },
-                    Object {},
-                  ]
-                }
-              >
-                Hủy
-              </Text>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  </Modal>
-  <Modal
-    animationType="none"
-    deviceHeight={null}
-    deviceWidth={null}
-    hardwareAccelerated={false}
-    hideModalContentWhileAnimating={false}
-    onBackdropPress={[Function]}
-    onModalHide={[Function]}
-    onModalWillHide={[Function]}
-    onModalWillShow={[Function]}
-    onRequestClose={[Function]}
-    panResponderThreshold={4}
-    scrollHorizontal={false}
-    scrollOffset={0}
-    scrollOffsetMax={0}
-    scrollTo={null}
-    supportedOrientations={
-      Array [
-        "portrait",
-        "landscape",
-      ]
-    }
-    swipeThreshold={100}
-    transparent={true}
-    visible={false}
-  >
-    <View
-      accessible={true}
-      focusable={true}
-      forwardedRef={[Function]}
-      onClick={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        Object {
-          "backgroundColor": "black",
-          "bottom": 0,
-          "height": 1334,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "width": 750,
-        }
-      }
-    />
-    <View
-      deviceHeight={null}
-      deviceWidth={null}
-      forwardedRef={[Function]}
-      hideModalContentWhileAnimating={false}
-      onBackdropPress={[Function]}
-      onModalHide={[Function]}
-      onModalWillHide={[Function]}
-      onModalWillShow={[Function]}
-      panResponderThreshold={4}
-      pointerEvents="box-none"
-      scrollHorizontal={false}
-      scrollOffset={0}
-      scrollOffsetMax={0}
-      scrollTo={null}
-      style={
-        Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "margin": 0,
-          "transform": Array [
-            Object {
-              "translateY": 0,
-            },
-          ],
-        }
-      }
-      supportedOrientations={
-        Array [
-          "portrait",
-          "landscape",
-        ]
-      }
-      swipeThreshold={100}
-    >
-      <View
-        style={
-          Object {
-            "backgroundColor": "#FFFFFF",
-            "borderRadius": 10,
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Object {
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 10,
-              "flex": 1,
-              "flexDirection": "column",
-            }
-          }
-        >
-          <View
-            style={
-              Object {
-                "alignItems": "flex-start",
-                "backgroundColor": "#FFFFFF",
-                "borderBottomWidth": 1,
-                "borderColor": "#E8E8E8",
-                "borderTopLeftRadius": 20,
-                "borderTopRightRadius": 20,
-                "justifyContent": "center",
-                "padding": 16,
-              }
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#000",
-                    "fontFamily": "SFProDisplay-Semibold",
-                    "fontSize": undefined,
-                    "lineHeight": undefined,
-                    "textAlign": "left",
-                    "textDecorationLine": "none",
-                  },
-                  Object {
-                    "color": "#262626",
-                    "fontSize": 16,
-                    "lineHeight": 24,
-                  },
-                ]
-              }
-            >
-              Thêm
-            </Text>
-          </View>
-          <RCTScrollView
-            bounces={false}
-            contentContainerStyle={
-              Object {
-                "flex": 1,
-                "paddingBottom": 0,
-                "paddingHorizontal": 16,
-              }
-            }
-            data={
-              Array [
-                Object {
-                  "data": Object {
-                    "group": 1,
-                  },
-                  "id": 1,
-                  "route": "EmergencyContactsAddNew",
-                  "text": "Tạo liên hệ",
-                },
-                Object {
-                  "data": Object {
-                    "unitId": 1,
-                  },
-                  "id": 2,
-                  "route": "EmergencyContactsSelectContacts",
-                  "text": "Chọn từ danh sách thành viên của địa điểm",
-                },
-              ]
-            }
-            disableVirtualization={false}
-            getItem={[Function]}
-            getItemCount={[Function]}
-            horizontal={false}
-            initialNumToRender={10}
-            keyExtractor={[Function]}
-            maxToRenderPerBatch={10}
-            onContentSizeChange={[Function]}
-            onEndReachedThreshold={2}
-            onLayout={[Function]}
-            onMomentumScrollEnd={[Function]}
-            onScroll={[Function]}
-            onScrollBeginDrag={[Function]}
-            onScrollEndDrag={[Function]}
-            removeClippedSubviews={false}
-            renderItem={[Function]}
-            scrollEventThrottle={50}
-            stickyHeaderIndices={Array []}
-            updateCellsBatchingPeriod={50}
-            viewabilityConfigCallbackPairs={Array []}
-            windowSize={21}
-          >
-            <View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Tạo liên hệ
-                    </Text>
-                  </View>
-                </View>
-              </View>
-              <View
-                onLayout={[Function]}
-                style={null}
-              >
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
-                  style={
-                    Object {
-                      "flex": 1,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                    }
-                  }
-                  testID="MENU_ACTION_LIST_TOUCHABLE"
-                >
-                  <View
-                    style={
-                      Object {
-                        "borderBottomColor": "#E8E8E8",
-                        "borderBottomWidth": 1,
-                        "flex": 1,
-                        "paddingVertical": 16,
-                      }
-                    }
-                  >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "color": "#000",
-                            "fontFamily": "SFProDisplay-Regular",
-                            "fontSize": undefined,
-                            "lineHeight": undefined,
-                            "textAlign": "left",
-                            "textDecorationLine": "none",
-                          },
-                          Object {},
-                        ]
-                      }
-                      styles={
-                        Object {
-                          "color": "#595959",
-                          "fontSize": 16,
-                          "lineHeight": 24,
-                        }
-                      }
-                    >
-                      Chọn từ danh sách thành viên của địa điểm
-                    </Text>
-                  </View>
-                </View>
-              </View>
-            </View>
-          </RCTScrollView>
-        </View>
-      </View>
-    </View>
-  </Modal>
-</View>
-`;