From bea26d2d61c201df2e013bb5f665a690e926f003 Mon Sep 17 00:00:00 2001
From: Brock Anderson <brock@bandersgeo.ca>
Date: Tue, 10 Dec 2024 16:17:49 -0800
Subject: [PATCH] feat: GEO-1179 remove unused files (#874)

---
 .../src/components/util/ClipboardButton.vue   |  72 ----------
 .../components/util/ConfirmationDialog.vue    |   3 +-
 .../src/components/util/PrimaryButton.vue     | 131 ------------------
 .../src/components/util/TertiaryButton.vue    |  93 -------------
 .../src/utils/__tests__/dialogUtils.spec.ts   |  18 ---
 frontend/src/utils/dialogUtils.ts             |  60 --------
 6 files changed, 1 insertion(+), 376 deletions(-)
 delete mode 100644 frontend/src/components/util/ClipboardButton.vue
 delete mode 100644 frontend/src/components/util/PrimaryButton.vue
 delete mode 100644 frontend/src/components/util/TertiaryButton.vue
 delete mode 100644 frontend/src/utils/__tests__/dialogUtils.spec.ts
 delete mode 100644 frontend/src/utils/dialogUtils.ts

diff --git a/frontend/src/components/util/ClipboardButton.vue b/frontend/src/components/util/ClipboardButton.vue
deleted file mode 100644
index 0c1247be4..000000000
--- a/frontend/src/components/util/ClipboardButton.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-  <v-tooltip
-    v-model="showTooltip"
-    location="right"
-    :open-on-hover="false"
-  >
-    <template #activator="{ props }">
-      <v-btn
-        :id="id"
-        color="#38598A"
-        :disabled="disabled"
-        :dark="!disabled"
-        size="30"
-        icon
-        v-bind="props"
-        :title="`Copy ${copyText} to the clipboard.`"
-        @click.stop.prevent="copy(copyText)"
-      >
-        <v-icon
-          v-if="icon"
-          style="color: white"
-          :class="iconStyle"
-          size="18"
-        >
-          {{ icon }}
-        </v-icon>
-      </v-btn>
-    </template>
-    <span>Copied {{ copyText }}.</span>
-  </v-tooltip>
-</template>
-
-<script>
-export default {
-  name: 'ClipboardButton',
-  props: {
-    id: {
-      type: String,
-      default: null
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    iconStyle: {
-      type: String,
-      default: null
-    },
-    copyText: {
-      type: String,
-      default: null
-    },
-  },
-  data() {
-    return {
-      showTooltip: false
-    };
-  },
-  methods: {
-    copy(text) {
-      navigator.clipboard.writeText(text).then(() => {
-        this.showTooltip = true;
-        setTimeout(() => this.showTooltip = false, 2000);
-      });
-    }
-  }
-};
-</script>
diff --git a/frontend/src/components/util/ConfirmationDialog.vue b/frontend/src/components/util/ConfirmationDialog.vue
index bf048cdbd..cd03f4386 100644
--- a/frontend/src/components/util/ConfirmationDialog.vue
+++ b/frontend/src/components/util/ConfirmationDialog.vue
@@ -55,10 +55,9 @@
 </template>
 
 <script>
-import PrimaryButton from './PrimaryButton.vue';
 export default {
   name: 'ConfirmationDialog',
-  components: { PrimaryButton },
+  components: {},
   props: {
     contentClass: {
       type: String,
diff --git a/frontend/src/components/util/PrimaryButton.vue b/frontend/src/components/util/PrimaryButton.vue
deleted file mode 100644
index 5a28d3e2e..000000000
--- a/frontend/src/components/util/PrimaryButton.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-<template>
-  <v-hover v-slot="{ hover }">
-    <v-btn
-      :id="id"
-      :title="title||text"
-      :class="[(hover && !disabled) ? secondary ? this.class + ' button-hover white--text': this.class + ' button-hover': this.class + '']"
-      :color="disabled ? '' : '#003366'"
-      :variant="secondary ? 'outlined' : 'elevated'"
-      :small="short"
-      :disabled="disabled"
-      :dark="!disabled"
-      :to="to"
-      :width="width"
-      :loading="loading"
-      v-bind="bind"
-      @click="clickAction"
-    >
-      <v-icon
-        v-if="icon"
-        :color="secondary ? '#003366': 'white'"
-        class="ml-n1 mr-1"
-        :nudge-down="4"
-        :large="largeIcon"
-        right
-        dark
-      >
-        {{ icon }}
-      </v-icon>
-      <span
-        :style="getButtonTextStyle()"
-        class="ml-1"
-      >{{ text }}</span>
-    </v-btn>
-  </v-hover>
-</template>
-
-<script>
-export default {
-  name: 'PrimaryButton',
-  inheritAttrs: false,
-  props: {
-    class:{
-      type: String,
-      default: null
-    },
-    id: {
-      type: String,
-      default: null
-    },
-    text: {
-      type: String,
-      default: null
-    },
-    short: {
-      type: Boolean,
-      default: false
-    },
-    secondary: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    to: {
-      type: String,
-      default: null
-    },
-    width: {
-      type: String,
-      default: null
-    },
-    loading: {
-      type: Boolean,
-      default: null
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    bind: {
-      type: Object,
-      default: null
-    },
-    clickAction: {
-      type: Function,
-      default: null
-    },
-    largeIcon: {
-      type: Boolean,
-      default: false
-    },
-    title:{
-      type: String,
-      default: null
-    }
-  },
-  methods: {
-    getButtonTextStyle(){
-      if(this.secondary){
-        return 'color: #003366';
-      }else if(!this.disabled){
-        return 'color: white';
-      }
-      return '';
-    }
-  }
-};
-
-
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-.v-btn {
-  text-transform: none;
-}
-.button-hover {
-  background-color: #38598A !important;
-}
-.theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
-  background-color: #003366 !important;
-  opacity: 0.298039215686275;
-  color: white !important;
-}
-
-.theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) .v-icon {
-  color: white !important;
-}
-</style>
diff --git a/frontend/src/components/util/TertiaryButton.vue b/frontend/src/components/util/TertiaryButton.vue
deleted file mode 100644
index b4e7a1615..000000000
--- a/frontend/src/components/util/TertiaryButton.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-  <v-hover v-slot="{ hover }">
-    <v-btn
-      :id="id"
-      :class="[hover ? 'button-hover':'']"
-      color="#38598A"
-      :small="short"
-      :disabled="disabled"
-      :dark="!disabled"
-      :to="to"
-      :width="width"
-      :text="true"
-      :min-width="minWidth"
-      v-bind="bind"
-    >
-      <v-icon
-        v-if="icon"
-        :class="[iconStyle, 'mr-1']"
-        left
-      >
-        {{ icon }}
-      </v-icon>
-      <strong>{{ text }}</strong>
-    </v-btn>
-  </v-hover>
-</template>
-
-<script>
-export default {
-  name: 'TertiaryButton',
-  props: {
-    id: {
-      type: String,
-      default: null
-    },
-    text: {
-      type: String,
-      default: null
-    },
-    short: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    to: {
-      type: String,
-      default: null
-    },
-    width: {
-      type: String,
-      default: null
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    iconStyle: {
-      type: String,
-      default: null
-    },
-    minWidth: {
-      type: String,
-      default: null
-    },
-    bind: {
-      type: Object,
-      default: null
-    },
-    on: {
-      type: Object,
-      default: null
-    },
-  }
-};
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-.v-btn {
-  text-transform: none;
-}
-.button-hover {
-  color: #003366 !important;
-}
-.theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
-  background-color: #38598A !important;
-  opacity: 0.3;
-  color: white !important;
-}
-</style>
diff --git a/frontend/src/utils/__tests__/dialogUtils.spec.ts b/frontend/src/utils/__tests__/dialogUtils.spec.ts
deleted file mode 100644
index 8d035b849..000000000
--- a/frontend/src/utils/__tests__/dialogUtils.spec.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { DialogUtils } from '../dialogUtils';
-
-describe('DialogUtils', () => {
-  it('captures multiple different responses if the response is set after', () => {
-    const dlg = new DialogUtils<string>();
-    dlg.getDialogResponse().then((response1) => {
-      expect(response1).toBe('abcdef');
-    });
-    dlg.setDialogResponse('abcdef');
-
-    //dlg.reset();
-    dlg.getDialogResponse().then((response2) => {
-      expect(response2).toBe('zyxw');
-    });
-    dlg.setDialogResponse('zyxw');
-  });
-});
diff --git a/frontend/src/utils/dialogUtils.ts b/frontend/src/utils/dialogUtils.ts
deleted file mode 100644
index 7891db103..000000000
--- a/frontend/src/utils/dialogUtils.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- * DialogUtils assists with getting reponses from a dialog and allowing the code to excecute when a response is made.
- *
- * How to use:
- * Create the instance of the DialogUtils class.
- * The dialog should call dialogResponse with the users selection
- * Call GetDialogResponse to create the promise.
- * Then show the dialog.
- *
- * Example:
- * <template>
- *     <v-dialog v-model="confirmBackDialogVisible" width="auto" max-width="400">
- *       <v-card>
- *         <v-card-text> Do you want to go back? </v-card-text>
- *         <v-card-actions>
- *           <v-btn @click="booleanDialogUtils.dialogResponse(false)">No</v-btn>
- *           <v-btn @click="booleanDialogUtils.dialogResponse(true)">Yes</v-btn>
- *         </v-card-actions>
- *       </v-card>
- *     </v-dialog>
- *   </v-container>
- * </template>
- *
- * <script setup lang="ts">
- * import { DialogUtils } from '../utils/dialogUtils';
- *
- * const confirmBackDialogVisible = ref<boolean>(false);
- * const booleanDialogUtils = new DialogUtils<boolean>();
- *
- * onBeforeRouteLeave(async (to, from, next) => {
- *   confirmBackDialogVisible.value = true;
- *   const response = await booleanDialogUtils.getDialogResponse();
- *   confirmBackDialogVisible.value = false;
- *   next(response);
- * });
- * </script>
- */
-
-export class DialogUtils<T> {
-  private resolver: (value: T) => void;
-
-  /**
-   * Get the response via a Promise. This allows you to do an action when the response is made.
-   * Must call getDialogResponse() BEFORE the user has an opertunity to call setDialogResponse() otherwise it will fail.
-   * @returns
-   */
-  public getDialogResponse(): Promise<T> {
-    return new Promise((resolve) => {
-      this.resolver = resolve;
-    });
-  }
-
-  /**
-   * The dialog calls this function to set the response selected by the user.
-   * @param response
-   */
-  public setDialogResponse(response: T): void {
-    this.resolver(response);
-  }
-}