mirror of https://github.com/tooot-app/app
62 lines
1.6 KiB
TypeScript
62 lines
1.6 KiB
TypeScript
import { displayMessage } from '@components/Message'
|
|
import Clipboard from '@react-native-clipboard/clipboard'
|
|
import { useTheme } from '@utils/styles/ThemeManager'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { Platform, Share } from 'react-native'
|
|
import { ContextMenuAction } from 'react-native-context-menu-view'
|
|
|
|
export interface Props {
|
|
copiableContent?: React.MutableRefObject<{
|
|
content?: string | undefined
|
|
complete: boolean
|
|
}>
|
|
actions: ContextMenuAction[]
|
|
type: 'status' | 'account'
|
|
url: string
|
|
}
|
|
|
|
const contextMenuShare = ({ copiableContent, actions, type, url }: Props) => {
|
|
const { theme } = useTheme()
|
|
const { t } = useTranslation('componentContextMenu')
|
|
|
|
actions.push({
|
|
id: 'share',
|
|
title: t(`share.${type}.action`),
|
|
systemIcon: 'square.and.arrow.up'
|
|
})
|
|
Platform.OS !== 'android' &&
|
|
type === 'status' &&
|
|
actions.push({
|
|
id: 'copy',
|
|
title: t(`copy.action`),
|
|
systemIcon: 'doc.on.doc',
|
|
disabled: !copiableContent?.current.content?.length
|
|
})
|
|
|
|
return (index: number) => {
|
|
if (typeof index !== 'number' || !actions[index]) {
|
|
return // For Android
|
|
}
|
|
if (actions[index].id === 'copy') {
|
|
Clipboard.setString(copiableContent?.current.content || '')
|
|
displayMessage({
|
|
theme,
|
|
type: 'success',
|
|
message: t(`copy.succeed`)
|
|
})
|
|
}
|
|
if (actions[index].id === 'share') {
|
|
switch (Platform.OS) {
|
|
case 'ios':
|
|
Share.share({ url })
|
|
break
|
|
case 'android':
|
|
Share.share({ message: url })
|
|
break
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
export default contextMenuShare
|