Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
1.7 kB · 66 lines
TSX
at commit 669cdf22
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667/** * Copyright (c) JOB TODAY S.A. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * */import React from 'react'import { SafeAreaView, TouchableOpacity, StyleSheet, ViewStyle,} from 'react-native'import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'import {msg} from '@lingui/macro'import {useLingui} from '@lingui/react'
import {createHitslop} from '#/lib/constants'
type Props = { onRequestClose: () => void}
const HIT_SLOP = createHitslop(16)
const ImageDefaultHeader = ({onRequestClose}: Props) => { const {_} = useLingui() return ( <SafeAreaView style={styles.root}> <TouchableOpacity style={[styles.closeButton, styles.blurredBackground]} onPress={onRequestClose} hitSlop={HIT_SLOP} accessibilityRole="button" accessibilityLabel={_(msg`Close image`)} accessibilityHint={_(msg`Closes viewer for header image`)} onAccessibilityEscape={onRequestClose}> <FontAwesomeIcon icon="close" color={'#fff'} size={22} /> </TouchableOpacity> </SafeAreaView> )}
const styles = StyleSheet.create({ root: { alignItems: 'flex-end', pointerEvents: 'box-none', }, closeButton: { marginRight: 10, marginTop: 10, width: 44, height: 44, alignItems: 'center', justifyContent: 'center', borderRadius: 22, backgroundColor: '#00000077', }, blurredBackground: { backdropFilter: 'blur(10px)', WebkitBackdropFilter: 'blur(10px)', } as ViewStyle,})
export default ImageDefaultHeader