1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
import {Linking} from 'react-native'
import {Camera} from 'expo-camera/legacy' // TODO: Migrate to the new one.
import * as MediaLibrary from 'expo-media-library'
import {isWeb} from 'platform/detection'
import {Alert} from 'view/com/util/Alert'
const openPermissionAlert = (perm: string) => {
Alert.alert(
'Permission needed',
`Bluesky does not have permission to access your ${perm}.`,
[
{
text: 'Cancel',
style: 'cancel',
},
{text: 'Open Settings', onPress: () => Linking.openSettings()},
],
)
}
export function usePhotoLibraryPermission() {
const [res, requestPermission] = MediaLibrary.usePermissions({
granularPermissions: ['photo'],
})
const requestPhotoAccessIfNeeded = async () => {
// On the, we use <input type="file"> to produce a filepicker
// This does not need any permission granting.
if (isWeb) {
return true
}
if (res?.granted) {
return true
} else if (!res || res.status === 'undetermined' || res?.canAskAgain) {
const {canAskAgain, granted, status} = await requestPermission()
if (!canAskAgain && status === 'undetermined') {
openPermissionAlert('photo library')
}
return granted
} else {
openPermissionAlert('photo library')
return false
}
}
return {requestPhotoAccessIfNeeded}
}
export function useCameraPermission() {
const [res, requestPermission] = Camera.useCameraPermissions()
const requestCameraAccessIfNeeded = async () => {
if (res?.granted) {
return true
} else if (!res || res?.status === 'undetermined' || res?.canAskAgain) {
const updatedRes = await requestPermission()
return updatedRes?.granted
} else {
openPermissionAlert('camera')
return false
}
}
return {requestCameraAccessIfNeeded}
}
|
