From 562a65a70dd5af19641c2f99ba985b2be896e7c8 Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <webofnithin@gmail.com>
Date: Fri, 4 Jun 2021 12:54:16 +0530
Subject: [PATCH] chore: Cleanup unused components (#2379)

---
 .../dashboard/components/widgets/Button.vue   |  49 -------
 .../labels/AddLabelToConversation.vue         | 136 ------------------
 2 files changed, 185 deletions(-)
 delete mode 100644 app/javascript/dashboard/components/widgets/Button.vue
 delete mode 100644 app/javascript/dashboard/routes/dashboard/conversation/labels/AddLabelToConversation.vue

diff --git a/app/javascript/dashboard/components/widgets/Button.vue b/app/javascript/dashboard/components/widgets/Button.vue
deleted file mode 100644
index b3d582cfe..000000000
--- a/app/javascript/dashboard/components/widgets/Button.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <button :type="type" class="button nice" :class="variant" @click="onClick">
-    <i
-      v-if="!isLoading && icon"
-      class="icon"
-      :class="buttonIconClass + ' ' + icon"
-    />
-    <spinner v-if="isLoading" />
-    <slot></slot>
-  </button>
-</template>
-
-<script>
-export default {
-  props: {
-    isLoading: {
-      type: Boolean,
-      default: false,
-    },
-    icon: {
-      type: String,
-      default: '',
-    },
-    buttonIconClass: {
-      type: String,
-      default: '',
-    },
-    type: {
-      type: String,
-      default: 'button',
-    },
-    variant: {
-      type: String,
-      default: 'primary',
-    },
-  },
-  methods: {
-    onClick(e) {
-      this.$emit('click', e);
-    },
-  },
-};
-</script>
-
-<style scoped>
-.icon {
-  font-size: var(--font-size-large) !important;
-}
-</style>
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/labels/AddLabelToConversation.vue b/app/javascript/dashboard/routes/dashboard/conversation/labels/AddLabelToConversation.vue
deleted file mode 100644
index bdae422a9..000000000
--- a/app/javascript/dashboard/routes/dashboard/conversation/labels/AddLabelToConversation.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<template>
-  <woot-modal :show.sync="show" :on-close="onClose">
-    <div class="column content-box">
-      <woot-modal-header
-        :header-title="
-          $t('CONTACT_PANEL.LABELS.MODAL.TITLE') + ' #' + conversationId
-        "
-      />
-      <div class="content">
-        <div class="label-content--block">
-          <div class="label-content--title">
-            {{ $t('CONTACT_PANEL.LABELS.MODAL.ACTIVE_LABELS') }}
-            <span v-tooltip.bottom="$t('CONTACT_PANEL.LABELS.MODAL.REMOVE')">
-              <i class="ion-ios-help-outline" />
-            </span>
-          </div>
-          <div v-if="activeList.length">
-            <woot-label
-              v-for="label in activeList"
-              :key="label.id"
-              :title="label.title"
-              :description="label.description"
-              :bg-color="label.color"
-              :show-close="true"
-              @click="onRemove"
-            />
-          </div>
-          <p v-else>
-            {{ $t('CONTACT_PANEL.LABELS.NO_AVAILABLE_LABELS') }}
-          </p>
-        </div>
-
-        <div class="label-content--block">
-          <div class="label-content--title">
-            {{ $t('CONTACT_PANEL.LABELS.MODAL.INACTIVE_LABELS') }}
-            <span v-tooltip.bottom="$t('CONTACT_PANEL.LABELS.MODAL.ADD')">
-              <i class="ion-ios-help-outline" />
-            </span>
-          </div>
-          <div v-if="inactiveList.length">
-            <woot-label
-              v-for="label in inactiveList"
-              :key="label.id"
-              :title="label.title"
-              :description="label.description"
-              :bg-color="label.color"
-              icon="ion-plus"
-              @click="onAdd"
-            />
-          </div>
-          <p v-else>
-            {{ $t('CONTACT_PANEL.LABELS.NO_LABELS_TO_ADD') }}
-          </p>
-        </div>
-      </div>
-    </div>
-  </woot-modal>
-</template>
-<script>
-export default {
-  props: {
-    show: {
-      type: Boolean,
-      default: false,
-    },
-    conversationId: {
-      type: [String, Number],
-      default: '',
-    },
-    accountLabels: {
-      type: Array,
-      default: () => [],
-    },
-    savedLabels: {
-      type: Array,
-      default: () => [],
-    },
-    onClose: {
-      type: Function,
-      default: () => [],
-    },
-    updateLabels: {
-      type: Function,
-      default: () => {},
-    },
-  },
-  computed: {
-    activeList() {
-      return this.accountLabels
-        .filter(accountLabel => this.savedLabels.includes(accountLabel.title))
-        .sort((a, b) => {
-          return a.title.localeCompare(b.title);
-        });
-    },
-    inactiveList() {
-      return this.accountLabels
-        .filter(accountLabel => !this.savedLabels.includes(accountLabel.title))
-        .sort((a, b) => {
-          return a.title.localeCompare(b.title);
-        });
-    },
-  },
-  methods: {
-    onAdd(label) {
-      const activeLabels = this.activeList.map(
-        activeLabel => activeLabel.title
-      );
-      this.updateLabels([...activeLabels, label]);
-    },
-
-    onRemove(label) {
-      const activeLabels = this.activeList
-        .filter(activeLabel => activeLabel.title !== label)
-        .map(activeLabel => activeLabel.title);
-      this.updateLabels(activeLabels);
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-@import '~dashboard/assets/scss/variables';
-
-.label-content--block {
-  margin-bottom: $space-normal;
-}
-
-.label-content--title {
-  font-weight: $font-weight-bold;
-  margin-bottom: $space-small;
-}
-
-.content {
-  padding-top: $space-normal;
-}
-</style>