Merge pull request #170 from BoostIO/show-note-update

Show note update date on note list

Author: kazup01

app/App.js

@@ -252,7 +252,8 @@ export default class App extends Component {
         fileName: fileName,
         content: content === '' ? 'Tap here and write something!' : content.split(/\r\n|\r|\n/)[0],
         createdAt: filteredSettingFile.createdAt,
-        isStarred: filteredSettingFile.isStarred
+        isStarred: filteredSettingFile.isStarred,
+        updatedAt: filteredSettingFile.updatedAt,
       })
     }
     fileList.sort((a, b) => {
@@ -301,7 +302,6 @@ export default class App extends Component {
           'updatedAt': date
         }
         contentObject.note.push(thisNote)
-        console.table(contentObject.note)
         fs.writeFile(`${dirs.DocumentDir}/Boostnote/boostnote.json`, JSON.stringify(contentObject), 'utf8')
           .catch(err => console.log(err))
         AwsMobileAnalyticsConfig.recordDynamicCustomEvent('CREATE_NOTE')

app/components/NoteList/NoteListItem.js

@@ -65,7 +65,7 @@ const styles = {
     flexDirection: 'row',
     justifyContent: 'flex-start',
     alignItems: 'center',
-    flex: 2
+    flex: 3
   },
   noteItemSectionRight: {
     flex: 1,
@@ -98,16 +98,16 @@ class NoteListItem extends Component {
 
   render () {
     const { note } = this.props || {}
-    const { content, createdAt, isStarred } = note || {}
+    const { content, createdAt, isStarred, updatedAt } = note || {}
     return (
       <TouchableOpacity
         style={styles.noteList}
         onPress={this.onNotePress}>
         <View style={styles.noteItemSectionLeft}>
-          <Text style={content !== 'Tap here and write something!' ? styles.noteListText : styles.noteListTextNone}>{removeMd(content)}</Text>
+        <Text numberOfLines={2} ellipsizeMode="tail" style={content !== 'Tap here and write something!' ? styles.noteListText : styles.noteListTextNone}>{removeMd(content)}</Text>
         </View>
         <View style={styles.noteItemSectionRight}>
-          <Text style={styles.noteListDate}>{moment(createdAt).format('MMM D')}</Text>
+        <Text style={styles.noteListDate}>{moment(updatedAt).format('MMM D') + '\n' + moment(createdAt).format('MMM D')}</Text>
           <TouchableOpacity onPress={this.onStarPress}>
             <Icon name={isStarred ? 'md-star' : 'md-star-outline'} style={styles.noteStarIcon} />
           </TouchableOpacity>

app/views/note/NoteModal.js

@@ -52,12 +52,32 @@ export default class NoteModal extends React.Component {
     })
   }
 
-  onChangeText (text) {
+  async onChangeText(text) {
+    // set note state
     this.setState({
       text: text
     })
+
+    // save to file
     const dirs = RNFetchBlob.fs.dirs
     fs.writeFile(`${dirs.DocumentDir}/Boostnote/${this.state.fileName}`, text, 'utf8')
+
+    // update note list data
+    const settingJsonFile = await fs.readFile(`${dirs.DocumentDir}/Boostnote/boostnote.json`, 'utf8')
+    const parsedSetting = JSON.parse(settingJsonFile);
+    let filteredSettingFile = parsedSetting.note.filter(setting => {
+      return setting.name === this.state.fileName
+    })[0]
+    filteredSettingFile.updatedAt = new Date()
+    let newJsonFile = parsedSetting.note
+    .filter(setting => {
+      return setting.name !== this.state.fileName
+    })
+    newJsonFile.push(filteredSettingFile)
+    parsedSetting.note = newJsonFile
+
+    fs.writeFile(`${dirs.DocumentDir}/Boostnote/boostnote.json`, JSON.stringify(parsedSetting), 'utf8')
+      .catch(err => console.log(err))
   }
 
   componentWillMount () {