vineyardbovines
49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import {View} from 'react-native'
|
|
import {useLingui} from '@lingui/react/macro'
|
|
|
|
import {atoms as a} from '#/alf'
|
|
import {StackedButton} from '#/components/Button'
|
|
import {ArrowShareRight_Stroke2_Corner2_Rounded as ShareIcon} from '#/components/icons/ArrowShareRight'
|
|
import {Camera_Stroke2_Corner0_Rounded as CameraIcon} from '#/components/icons/Camera'
|
|
import {Download_Stroke2_Corner0_Rounded as DownloadIcon} from '#/components/icons/Download'
|
|
|
|
export function ActionButtons({
|
|
onShare,
|
|
onDownload,
|
|
onScan,
|
|
}: {
|
|
onShare: () => void
|
|
onDownload: () => void
|
|
onScan: () => void
|
|
}) {
|
|
const {t: l} = useLingui()
|
|
return (
|
|
<View style={[a.flex_row, a.justify_center, a.w_full, {gap: 12}]}>
|
|
<StackedButton
|
|
label={l({message: 'Share invite link'})}
|
|
color="primary_subtle"
|
|
icon={ShareIcon}
|
|
onPress={onShare}
|
|
style={[a.flex_1]}>
|
|
{l`Share link`}
|
|
</StackedButton>
|
|
<StackedButton
|
|
label={l({message: 'Download invite QR code'})}
|
|
color="primary_subtle"
|
|
icon={DownloadIcon}
|
|
onPress={onDownload}
|
|
style={[a.flex_1]}>
|
|
{l`Download`}
|
|
</StackedButton>
|
|
<StackedButton
|
|
label={l({message: 'Open QR code scanner'})}
|
|
color="primary_subtle"
|
|
icon={CameraIcon}
|
|
onPress={onScan}
|
|
style={[a.flex_1]}>
|
|
{l`Scan`}
|
|
</StackedButton>
|
|
</View>
|
|
)
|
|
}
|