Add left links sidebar to IDE

[ci skip]

1 files changed, 25 insertions, 0 deletions

diff --git a/app/assets/javascripts/ide/stores/getters.js b/app/assets/javascripts/ide/stores/getters.js
index a77cdbc13c8..1a61a26e088 100644
--- a/app/assets/javascripts/ide/stores/getters.js
+++ b/app/assets/javascripts/ide/stores/getters.js
@@ -1,3 +1,5 @@
+import { ActivityBarViews } from './state';
+
 export const activeFile = state => state.openFiles.find(file => file.active) || null;
 
 export const addedFiles = state => state.changedFiles.filter(f => f.tempFile);
@@ -21,6 +23,18 @@ export const projectsWithTrees = state =>
     };
   });
 
+export const currentProjectWithTree = state => ({
+  ...state.projects[state.currentProjectId],
+  branches: Object.keys(state.projects[state.currentProjectId].branches).map(branchId => {
+    const branch = state.projects[state.currentProjectId].branches[branchId];
+
+    return {
+      ...branch,
+      tree: state.trees[branch.treeId],
+    };
+  }),
+});
+
 export const currentMergeRequest = state => {
   if (state.projects[state.currentProjectId]) {
     return state.projects[state.currentProjectId].mergeRequests[state.currentMergeRequestId];
@@ -28,6 +42,8 @@ export const currentMergeRequest = state => {
   return null;
 };
 
+export const currentProject = state => state.projects[state.currentProjectId];
+
 // eslint-disable-next-line no-confusing-arrow
 export const currentIcon = state =>
   state.rightPanelCollapsed ? 'angle-double-left' : 'angle-double-right';
@@ -35,3 +51,12 @@ export const currentIcon = state =>
 export const hasChanges = state => !!state.changedFiles.length;
 
 export const hasMergeRequest = state => !!state.currentMergeRequestId;
+
+export const activityBarComponent = state => {
+  switch (state.currentActivityView) {
+    case ActivityBarViews.edit:
+      return 'project-tree';
+    default:
+      return null;
+  }
+};