When storage or folder is removed, Detail components should render without error (#3168)

* optimize: when storage or folder is removed, Detail components should render without error, fix #2876

* optimize: Handle some scenarios where storage is not found, should not break the renderer

* optimize: NoteList should work without error when storage is not found

browser/main/Detail/SnippetNoteDetail.js

@@ -885,10 +885,16 @@ class SnippetNoteDetail extends React.Component {
         })
       })
     })
-    const currentOption = options.filter(
+
+    const currentOption = _.find(
+      options,
       option =>
         option.storage.key === storageKey && option.folder.key === folderKey
-    )[0]
+    )
+
+    // currentOption may be undefined
+    const storageName = _.get(currentOption, 'storage.name') || ''
+    const folderName = _.get(currentOption, 'folder.name') || ''
 
     const trashTopBar = (
       <div styleName='info'>
@@ -901,8 +907,8 @@ class SnippetNoteDetail extends React.Component {
           />
           <InfoButton onClick={e => this.handleInfoButtonClick(e)} />
           <InfoPanelTrashed
-            storageName={currentOption.storage.name}
-            folderName={currentOption.folder.name}
+            storageName={storageName}
+            folderName={folderName}
             updatedAt={formatDate(note.updatedAt)}
             createdAt={formatDate(note.createdAt)}
             exportAsMd={this.showWarning}
@@ -951,8 +957,8 @@ class SnippetNoteDetail extends React.Component {
           <InfoButton onClick={e => this.handleInfoButtonClick(e)} />
 
           <InfoPanel
-            storageName={currentOption.storage.name}
-            folderName={currentOption.folder.name}
+            storageName={storageName}
+            folderName={folderName}
             noteLink={`[${note.title}](:note:${
               queryString.parse(location.search).key
             })`}