From 2485f69039feb7b62630f0069422a54bf6a09bce Mon Sep 17 00:00:00 2001
From: Evan Kaloudis <zeusln@tutanota.com>
Date: Sat, 22 Jul 2023 14:43:48 -0400
Subject: [PATCH] views/AddNotes: add save icon in top right corner

---
 assets/images/SVG/Save.svg |  4 ++++
 views/AddNotes.tsx         | 31 ++++++++++++++++++++++---------
 2 files changed, 26 insertions(+), 9 deletions(-)
 create mode 100644 assets/images/SVG/Save.svg

diff --git a/assets/images/SVG/Save.svg b/assets/images/SVG/Save.svg
new file mode 100644
index 000000000..39c9fa515
--- /dev/null
+++ b/assets/images/SVG/Save.svg
@@ -0,0 +1,4 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="#000" xmlns="http://www.w3.org/2000/svg">
+<path d="M22,4h-2v6c0,0.552-0.448,1-1,1h-9c-0.552,0-1-0.448-1-1V4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18  c1.105,0,2-0.895,2-2V8L22,4z M22,24H8v-6c0-1.105,0.895-2,2-2h10c1.105,0,2,0.895,2,2V24z"/>
+<rect height="5" width="2" x="16" y="4"/>
+</svg>
\ No newline at end of file
diff --git a/views/AddNotes.tsx b/views/AddNotes.tsx
index be1d36898..fe75f1e81 100644
--- a/views/AddNotes.tsx
+++ b/views/AddNotes.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Keyboard, View } from 'react-native';
+import { Keyboard, TouchableOpacity, View } from 'react-native';
 import EncryptedStorage from 'react-native-encrypted-storage';
 import { inject, observer } from 'mobx-react';
 
@@ -13,6 +13,8 @@ import { themeColor } from '../utils/ThemeUtils';
 import NotesStore from '../stores/NotesStore';
 import TextInput from '../components/TextInput';
 
+import SaveIcon from '../assets/images/SVG/Save.svg';
+
 interface AddNotesProps {
     navigation: any;
     NotesStore: NotesStore;
@@ -68,6 +70,23 @@ export default class AddNotes extends React.Component<
         const { storeNoteKeys, removeNoteKeys } = NotesStore;
         const { payment_hash, txid, getRPreimage, isNoteStored } = this.state;
         const { notes } = this.state;
+
+        const saveNote = async () => {
+            const key: string =
+                'note-' + (payment_hash || txid || getRPreimage);
+            EncryptedStorage.setItem(key, notes);
+            await storeNoteKeys(key, notes);
+            navigation.goBack();
+        };
+
+        const SaveButton = () => (
+            <TouchableOpacity onPress={() => saveNote()}>
+                <SaveIcon
+                    stroke={themeColor('text')}
+                    fill={themeColor('secondary')}
+                />
+            </TouchableOpacity>
+        );
         return (
             <Screen>
                 <View
@@ -92,6 +111,7 @@ export default class AddNotes extends React.Component<
                                 fontSize: 20
                             }
                         }}
+                        rightComponent={SaveButton}
                         navigation={navigation}
                     />
                     <TextInput
@@ -137,14 +157,7 @@ export default class AddNotes extends React.Component<
                                           'views.SendingLightning.AddANote'
                                       )
                             }
-                            onPress={async () => {
-                                const key: string =
-                                    'note-' +
-                                    (payment_hash || txid || getRPreimage);
-                                EncryptedStorage.setItem(key, notes);
-                                await storeNoteKeys(key, notes);
-                                navigation.goBack();
-                            }}
+                            onPress={() => saveNote()}
                             buttonStyle={{
                                 padding: 15
                             }}