From 404f8b7d78674aa5fc57c83a3b44496785124fee Mon Sep 17 00:00:00 2001
From: Brian Kim <brian@tagg.id>
Date: Thu, 15 Jul 2021 15:04:14 -0400
Subject: Initial changes

---
 src/components/comments/ZoomInCropper.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/components/comments')

diff --git a/src/components/comments/ZoomInCropper.tsx b/src/components/comments/ZoomInCropper.tsx
index 6f8ff97c..ab45f46b 100644
--- a/src/components/comments/ZoomInCropper.tsx
+++ b/src/components/comments/ZoomInCropper.tsx
@@ -13,9 +13,10 @@ import {
   SCREEN_HEIGHT,
   SCREEN_WIDTH,
 } from '../../utils';
-import {TaggSquareButton} from '../common';
+import {TaggSquareButton, TaggLoadingIndicator} from '../common';
 import ReactNativeZoomableView from '@dudigital/react-native-zoomable-view/src/ReactNativeZoomableView';
 import Video from 'react-native-video';
+import Tagg from '../taggs/Tagg';
 
 type ZoomInCropperRouteProps = RouteProp<MainStackParams, 'ZoomInCropper'>;
 type ZoomInCropperNavigationProps = StackNavigationProp<
@@ -36,6 +37,7 @@ export const ZoomInCropper: React.FC<ZoomInCropperProps> = ({
   // width and height of video, if video
   const [origDimensions, setOrigDimensions] = useState<number[]>([0, 0]);
   const vidRef = useRef<View>(null);
+  const [cropLoading, setCropLoading] = useState<boolean>(false);
 
   // Stores the coordinates of the cropped image
   const [x0, setX0] = useState<number>();
@@ -136,9 +138,12 @@ export const ZoomInCropper: React.FC<ZoomInCropperProps> = ({
           cropHeight: origDimensions[1],
         }));
       }
+      setCropLoading(true);
+      console.log(cropLoading);
       cropVideo(
         media.uri,
         (croppedURL: string) => {
+          setCropLoading(false);
           navigation.navigate('CaptionScreen', {
             screenType,
             media: {
@@ -255,6 +260,7 @@ export const ZoomInCropper: React.FC<ZoomInCropperProps> = ({
 
   return (
     <View style={styles.container}>
+      {cropLoading && <TaggLoadingIndicator fullscreen />}
       <TouchableOpacity
         style={styles.closeButton}
         onPress={() => navigation.goBack()}>
-- 
cgit v1.2.3-70-g09d2