From 0e281251da135f58b71c6b279f2efd317f63a542 Mon Sep 17 00:00:00 2001 From: Brian Kim Date: Fri, 16 Jul 2021 16:20:59 -0400 Subject: Initial sidebar --- src/assets/icons/trim.svg | 14 ++++++++++++++ src/assets/icons/volume-on.svg | 9 +++++++++ src/components/comments/ZoomInCropper.tsx | 29 +++++++++++++++++++++++++++-- src/constants/api.ts | 2 +- 4 files changed, 51 insertions(+), 3 deletions(-) create mode 100644 src/assets/icons/trim.svg create mode 100644 src/assets/icons/volume-on.svg (limited to 'src') diff --git a/src/assets/icons/trim.svg b/src/assets/icons/trim.svg new file mode 100644 index 00000000..b966c7f7 --- /dev/null +++ b/src/assets/icons/trim.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/icons/volume-on.svg b/src/assets/icons/volume-on.svg new file mode 100644 index 00000000..c3ed1693 --- /dev/null +++ b/src/assets/icons/volume-on.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/components/comments/ZoomInCropper.tsx b/src/components/comments/ZoomInCropper.tsx index b4333cbb..061964a8 100644 --- a/src/components/comments/ZoomInCropper.tsx +++ b/src/components/comments/ZoomInCropper.tsx @@ -1,7 +1,7 @@ import {RouteProp} from '@react-navigation/core'; import {StackNavigationProp} from '@react-navigation/stack'; import React, {useEffect, useRef, useState} from 'react'; -import {Image, StyleSheet, TouchableOpacity, View} from 'react-native'; +import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native'; import {normalize} from 'react-native-elements'; import ImageZoom, {IOnMove} from 'react-native-image-pan-zoom'; import PhotoManipulator from 'react-native-photo-manipulator'; @@ -17,6 +17,8 @@ import { import {TaggSquareButton, TaggLoadingIndicator} from '../common'; import ReactNativeZoomableView from '@dudigital/react-native-zoomable-view/src/ReactNativeZoomableView'; import {TrimmerPlayer} from '../moments/trimmer'; +import TrimIcon from '../../assets/icons/trim.svg'; +import VolumeOnIcon from '../../assets/icons/volume-on.svg'; type ZoomInCropperRouteProps = RouteProp; type ZoomInCropperNavigationProps = StackNavigationProp< @@ -344,7 +346,14 @@ export const ZoomInCropper: React.FC = ({ )} - + {!checkIfUriImage(media.uri) && ( + + + Trim + + Volume + + )}