Add pasting from clipboard

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/screens/memeView.tsx

@@ -59,8 +59,7 @@ const MemeView = ({
   const { ids } = route.params;
   const [index, setIndex] = useState(route.params.index);
 
-  const [snackbarVisible, setSnackbarVisible] = useState(false);
-  const [snackbarMessage, setSnackbarMessage] = useState('');
+  const [snackbarMessage, setSnackbarMessage] = useState<string>();
 
   const flashListRef = useRef<FlashList<Meme>>(null);
 
@@ -101,24 +100,17 @@ const MemeView = ({
         <Appbar.Action
           icon="share"
           onPress={() => {
-            shareMeme(realm, storageUri, memes[index]).catch(() => {
-              setSnackbarMessage('Failed to share meme!');
-              setSnackbarVisible(true);
-            });
+            shareMeme(realm, storageUri, memes[index]).catch(() =>
+              setSnackbarMessage('Failed to share meme!'),
+            );
           }}
         />
         <Appbar.Action
           icon="content-copy"
           onPress={async () => {
             await copyMeme(realm, storageUri, memes[index])
-              .then(() => {
-                setSnackbarMessage('Meme copied!');
-                setSnackbarVisible(true);
-              })
-              .catch(() => {
-                setSnackbarMessage('Failed to copy meme!');
-                setSnackbarVisible(true);
-              });
+              .then(() => setSnackbarMessage('Meme copied!'))
+              .catch(() => setSnackbarMessage('Failed to copy meme!'));
           }}
         />
         <Appbar.Action
@@ -143,12 +135,14 @@ const MemeView = ({
       </Appbar>
       <Portal>
         <Snackbar
-          visible={snackbarVisible}
-          onDismiss={() => setSnackbarVisible(false)}
+          visible={!!snackbarMessage}
+          // eslint-disable-next-line unicorn/no-useless-undefined
+          onDismiss={() => setSnackbarMessage(undefined)}
           style={memeViewStyles.snackbar}
           action={{
             label: 'Dismiss',
-            onPress: () => setSnackbarVisible(false),
+            // eslint-disable-next-line unicorn/no-useless-undefined
+            onPress: () => setSnackbarMessage(undefined),
           }}>
           {snackbarMessage}
         </Snackbar>

src/screens/settings.tsx

@@ -60,8 +60,7 @@ const Settings = () => {
   const dispatch = useDispatch();
   const realm = useRealm();
 
-  const [snackbarVisible, setSnackbarVisible] = useState(false);
-  const [snackbarMessage, setSnackbarMessage] = useState('');
+  const [snackbarMessage, setSnackbarMessage] = useState<string>();
 
   const [
     storageLocationChangeDialogVisible,
@@ -84,7 +83,6 @@ const Settings = () => {
     });
 
     setSnackbarMessage('Meme metadata refreshed.');
-    setSnackbarVisible(true);
   };
 
   return (
@@ -162,17 +160,18 @@ const Settings = () => {
           <StorageLocationChangeDialog
             visible={storageLocationChangeDialogVisible}
             setVisible={setStorageLocationChangeDialogVisible}
-            setSnackbarVisible={setSnackbarVisible}
             setSnackbarMessage={setSnackbarMessage}
           />
         </Portal>
         <Snackbar
-          visible={snackbarVisible}
-          onDismiss={() => setSnackbarVisible(false)}
+          visible={!!snackbarMessage}
+          // eslint-disable-next-line unicorn/no-useless-undefined
+          onDismiss={() => setSnackbarMessage(undefined)}
           style={settingsStyles.snackbar}
           action={{
             label: 'Dismiss',
-            onPress: () => setSnackbarVisible(false),
+            // eslint-disable-next-line unicorn/no-useless-undefined
+            onPress: () => setSnackbarMessage(undefined),
           }}>
           {snackbarMessage}
         </Snackbar>