Add latest changes from gitlab-org/gitlab@master

1 files changed, 33 insertions, 0 deletions

diff --git a/app/assets/javascripts/projects/settings/branch_rules/components/view/index.vue b/app/assets/javascripts/projects/settings/branch_rules/components/view/index.vue
new file mode 100644
index 00000000000..58938b6bf96
--- /dev/null
+++ b/app/assets/javascripts/projects/settings/branch_rules/components/view/index.vue
@@ -0,0 +1,33 @@
+<script>
+import { s__ } from '~/locale';
+import { getParameterByName } from '~/lib/utils/url_utility';
+
+export default {
+  name: 'RuleView',
+  i18n: { branch: s__('BranchRules|Target Branch') },
+  components: {},
+  props: {
+    projectPath: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      branch: getParameterByName('branch'),
+      protected: getParameterByName('protected'),
+    };
+  },
+};
+</script>
+
+<template>
+  <div>
+    <div class="gl-display-flex gl-flex-direction-column gl-pt-3">
+      <strong>{{ $options.i18n.branch }}</strong>
+      <span class="gl-font-monospace gl-mt-2" data-testid="branch">{{ branch }}</span>
+    </div>
+
+    <!-- TODO: List branch rule details (https://gitlab.com/gitlab-org/gitlab/-/issues/372362) -->
+  </div>
+</template>