feat(code-editor): add sorting of code editor files list (#4338)

* add sorting of code editor files list * camel case + use of lodash sortBy
botpress · Jan 5, 2021 · bd40eed · bd40eed
1 parent 60003ae
commit bd40eed
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/modules/code-editor/src/views/full/SidePanel.tsx b/modules/code-editor/src/views/full/SidePanel.tsx
@@ -1,6 +1,7 @@
 import { Icon } from '@blueprintjs/core'
 import { lang } from 'botpress/shared'
 import { SearchBar, SectionAction, SidePanel, SidePanelSection } from 'botpress/ui'
+import _ from 'lodash'
 import { inject, observer } from 'mobx-react'
 import React from 'react'
 
@@ -48,7 +49,8 @@ class PanelContent extends React.Component<Props> {
     const files = this.props.files[fileType]
 
     if (files && files.length) {
-      fileList.push({ label, files })
+      const sortedFiles = _.sortBy(files, 'location')
+      fileList.push({ label, files: sortedFiles })
     }
   }