summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/ide/components/ide_context_bar.vue
blob: 627fbeb9adf53287d9ee6e9e3d0a791cfa3c2bc7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<script>
import icon from '~/vue_shared/components/icon.vue';
import panelResizer from '~/vue_shared/components/panel_resizer.vue';
import repoCommitSection from './repo_commit_section.vue';
import ResizablePanel from './resizable_panel.vue';

export default {
  components: {
    repoCommitSection,
    icon,
    panelResizer,
    ResizablePanel,
  },
  props: {
    noChangesStateSvgPath: {
      type: String,
      required: true,
    },
    committedStateSvgPath: {
      type: String,
      required: true,
    },
  },
};
</script>

<template>
  <resizable-panel
    :collapsible="true"
    :initial-width="340"
    side="right"
  >
    <div
      class="multi-file-commit-panel-section"
    >
      <repo-commit-section
        :no-changes-state-svg-path="noChangesStateSvgPath"
        :committed-state-svg-path="committedStateSvgPath"
      />
    </div>
  </resizable-panel>
</template>