mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-18 09:35:20 +02:00
41 lines
1.5 KiB
TypeScript
41 lines
1.5 KiB
TypeScript
|
import * as React from 'react';
|
||
|
|
import { ForwardedRef, forwardRef, useCallback, useImperativeHandle } from 'react';
|
||
|
|
import { CameraRef, Props } from './types';
|
||
|
|
import { PrimaryButton } from '../../buttons';
|
||
|
|
import { Surface, Text } from 'react-native-paper';
|
||
|
|
import shim from '@joplin/lib/shim';
|
||
|
|
import { TextInput } from 'react-native';
|
||
|
|
|
||
|
|
const Camera = (props: Props, ref: ForwardedRef<CameraRef>) => {
|
||
|
|
useImperativeHandle(ref, () => ({
|
||
|
|
takePictureAsync: async () => {
|
||
|
|
const path = `${shim.fsDriver().getCacheDirectoryPath()}/test-photo.svg`;
|
||
|
|
await shim.fsDriver().writeFile(
|
||
|
|
path,
|
||
|
|
`<svg viewBox="0 0 232 78" width="232" height="78" version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<text style="font-family: serif; font-size: 104px; fill: rgb(128, 51, 128);">Test!</text>
|
||
|
|
</svg>`,
|
||
|
|
'utf8',
|
||
|
|
);
|
||
|
|
return { uri: path, type: 'image/svg+xml' };
|
||
|
|
},
|
||
|
|
}), []);
|
||
|
|
|
||
|
|
const onCodeChange = useCallback((data: string) => {
|
||
|
|
props.codeScanner.onBarcodeScanned?.({
|
||
|
|
data,
|
||
|
|
type: 'qr',
|
||
|
|
});
|
||
|
|
}, [props.codeScanner]);
|
||
|
|
|
||
|
|
return <Surface elevation={1}>
|
||
|
|
<Text>Camera mock</Text>
|
||
|
|
<PrimaryButton onPress={props.onPermissionRequestFailure}>Reject permission</PrimaryButton>
|
||
|
|
<PrimaryButton onPress={props.onHasPermission}>Accept permission</PrimaryButton>
|
||
|
|
<PrimaryButton onPress={props.onCameraReady}>On camera ready</PrimaryButton>
|
||
|
|
<TextInput placeholder='QR code data' onChangeText={onCodeChange}/>
|
||
|
|
</Surface>;
|
||
|
|
};
|
||
|
|
|
||
|
|
export default forwardRef(Camera);
|