src/components/camera/GalleryIcon.tsx


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

import {useNavigation} from '@react-navigation/native';
import React from 'react';
import {Image, Text, TouchableOpacity} from 'react-native';
import {ScreenType} from '../../types';
import {navigateToImagePicker} from '../../utils/camera';
import {styles} from './styles';

interface GalleryIconProps {
  screenType: ScreenType;
  title: string;
  mostRecentPhoto: string;
}

/*
 * Displays the most recent photo in the user's gallery
 * On click, navigates to the image picker
 */
export const GalleryIcon: React.FC<GalleryIconProps> = ({
  screenType,
  title,
  mostRecentPhoto,
}) => {
  const navigation = useNavigation();
  return (
    <TouchableOpacity
      onPress={() => navigateToImagePicker(navigation, screenType, title)}
      style={styles.saveButton}>
      <Image
        source={{uri: mostRecentPhoto}}
        width={40}
        height={40}
        style={styles.galleryIcon}
      />
      <Text style={styles.saveButtonLabel}>Gallery</Text>
    </TouchableOpacity>
  );
};

export default GalleryIcon;