From 9dc81bdd31d0aada974381aafa91c5b2856bd220 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 31 May 2023 14:15:30 -0700
Subject: [PATCH] refactor: removed old versions of meta info components

---
 components/ServerState.vue  | 46 ------------------------------
 components/UptimeExpire.vue | 56 -------------------------------------
 2 files changed, 102 deletions(-)
 delete mode 100644 components/ServerState.vue
 delete mode 100644 components/UptimeExpire.vue

diff --git a/components/ServerState.vue b/components/ServerState.vue
deleted file mode 100644
index 5392cfcb3..000000000
--- a/components/ServerState.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import { storeToRefs } from 'pinia';
-import { useServerStore } from '~/store/server';
-const serverStore = useServerStore();
-const { state, stateData } = storeToRefs(serverStore);
-</script>
-
-<template>
-  <template v-if="stateData.actions.includes('upgrade')">
-    <button
-      @click="console.log('TODO-UPGRADE_LINK')"
-      class="link text-gamma"
-      :title="'Upgrade'"
-    >
-      <h5>Unraid OS <em><strong>{{ stateData.humanReadable }}</strong></em></h5>
-    </button>
-  </template>
-  <h5 v-else>
-    Unraid OS <em :class="{ 'text-red': stateData.error || state === 'EEXPIRED' }"><strong>{{ stateData.humanReadable }}</strong></em>
-  </h5>
-
-  <template v-if="stateData.actions.includes('purchase')">
-    <button
-      @click="console.log('TODO-PURCHASE_LINK')"
-      class="link text-orange-dark ml-3"
-      :title="'Purchase'"
-    >{{ 'Purchase' }}</button>
-  </template>
-</template>
-
-
-<style lang="postcss" scoped>
-.link {
-  @apply text-sm font-semibold transition-colors duration-150 ease-in-out border-t-0 border-l-0 border-r-0 border-b-2 border-transparent;
-}
-
-.link:hover,
-.link:focus {
-  /* @apply text-alpha; */
-  @apply border-orange-dark;
-}
-
-.link:focus {
-  @apply outline-none;
-}
-</style>
\ No newline at end of file
diff --git a/components/UptimeExpire.vue b/components/UptimeExpire.vue
deleted file mode 100644
index e94918ad2..000000000
--- a/components/UptimeExpire.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<script setup lang="ts">
-import dateDiff from '~/helpers/time/dateDiff';
-import dateFormat from '~/helpers/time/dateFormat';
-import buildStringFromValues from '~/helpers/time/buildTimeString';
-
-export interface Props {
-  time: string;
-  state: string;
-}
-
-const props = defineProps<Props>();
-
-const parsedTime = ref<string>('');
-const formattedTime = computed<string>(() => {
-  return dateFormat(props.time);
-});
-
-const countUp = computed<boolean>(() => {
-  return props.state !== 'TRIAL' && props.state === 'EEXPIRED';
-})
-
-const output = computed(() => {
-  if (!countUp.value) {
-    return {
-      title: props.state === 'EEXPIRED'
-        ? `Trial Key Expired at ${formattedTime.value}`
-        : `Trial Key Expires at ${formattedTime.value}`,
-      text: props.state === 'EEXPIRED'
-        ? `Trial Key Expired ${parsedTime.value}`
-        : `Trial Key Expires in ${parsedTime.value}`,
-    };
-  }
-  return {
-    title: `Server Up Since ${formattedTime.value}`,
-    text: `Uptime ${parsedTime.value}`,
-  };
-});
-
-const runDiff = () => parsedTime.value = buildStringFromValues(dateDiff(props.time, countUp.value));
-
-let interval: string | number | NodeJS.Timeout | undefined = undefined;
-onBeforeMount(() => {
-  runDiff();
-  interval = setInterval(() => {
-    runDiff();
-  }, 1000);
-});
-
-onBeforeUnmount(() => {
-  clearInterval(interval);
-});
-</script>
-
-<template>
-  <p :title="output.title">{{ output.text }}</p>
-</template>