@attio/react-native-bottom-sheet-toolbox-dev-tools
Version:
36 lines (33 loc) • 1.32 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.useSendUpdateDeviceConfig = useSendUpdateDeviceConfig;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _reactNativeBottomSheetToolbox = require("@attio/react-native-bottom-sheet-toolbox");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function useSendUpdateDeviceConfig() {
const {
width,
height
} = (0, _reactNative.useWindowDimensions)();
const colorScheme = (0, _reactNative.useColorScheme)();
const sendUpdateDeviceConfig = _react.default.useCallback(() => {
_reactNativeBottomSheetToolbox.BOTTOM_SHEET_DEV_TOOLS.sendMessage("update-device-config", {
width,
height,
theme: colorScheme === "dark" ? "dark" : "light"
});
}, [colorScheme, height, width]);
// Send on changes
_react.default.useEffect(() => {
sendUpdateDeviceConfig();
}, [sendUpdateDeviceConfig]);
// Send when requested
_react.default.useEffect(() => {
const unsubscribe = _reactNativeBottomSheetToolbox.BOTTOM_SHEET_DEV_TOOLS.addMessageListener("did-connect", sendUpdateDeviceConfig);
return unsubscribe;
}, [sendUpdateDeviceConfig]);
}
//# sourceMappingURL=use-send-update-device-config.js.map