summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/packages_and_registries/package_registry/components/functional/delete_package.vue
blob: e1cf4883029b0ca2d8f1c30d7e9db4b593e09fd1 (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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<script>
import destroyPackageMutation from '~/packages_and_registries/package_registry/graphql/mutations/destroy_package.mutation.graphql';
import { createAlert, VARIANT_SUCCESS, VARIANT_WARNING } from '~/flash';
import { s__ } from '~/locale';

import { DELETE_PACKAGE_SUCCESS_MESSAGE } from '~/packages_and_registries/package_registry/constants';

export default {
  props: {
    refetchQueries: {
      type: Array,
      required: false,
      default: null,
    },
    showSuccessAlert: {
      type: Boolean,
      required: false,
      default: false,
    },
  },
  i18n: {
    errorMessage: s__('PackageRegistry|Something went wrong while deleting the package.'),
    successMessage: DELETE_PACKAGE_SUCCESS_MESSAGE,
  },
  methods: {
    async deletePackage(packageEntity) {
      try {
        this.$emit('start');
        const { data } = await this.$apollo.mutate({
          mutation: destroyPackageMutation,
          variables: {
            id: packageEntity.id,
          },
          awaitRefetchQueries: Boolean(this.refetchQueries),
          refetchQueries: this.refetchQueries,
        });

        if (data?.destroyPackage?.errors[0]) {
          throw data.destroyPackage.errors[0];
        }
        if (this.showSuccessAlert) {
          createAlert({
            message: this.$options.i18n.successMessage,
            variant: VARIANT_SUCCESS,
          });
        }
      } catch (error) {
        createAlert({
          message: this.$options.i18n.errorMessage,
          variant: VARIANT_WARNING,
          captureError: true,
          error,
        });
      }
      this.$emit('end');
    },
  },
  render() {
    return this.$scopedSlots.default({ deletePackage: this.deletePackage });
  },
};
</script>