From 9204709bb366e9f10239eafc13f2764f6d82d83a Mon Sep 17 00:00:00 2001
From: Andrew DalPino <me@andrewdalpino.com>
Date: Sat, 17 Feb 2024 19:57:28 -0600
Subject: [PATCH] Fix project

---
 ui/app.ts                    |  2 --
 ui/components/PageLoader.vue | 45 ------------------------------------
 ui/pages/Dashboard.vue       |  4 ----
 3 files changed, 51 deletions(-)
 delete mode 100644 ui/components/PageLoader.vue

diff --git a/ui/app.ts b/ui/app.ts
index e952369..1fadd99 100644
--- a/ui/app.ts
+++ b/ui/app.ts
@@ -17,7 +17,6 @@ import ProcessInfo from './components/ProcessInfo.vue';
 import ServerSettings from './components/ServerSettings.vue';
 import AppUpdateAvailable from './components/AppUpdateAvailable.vue';
 import CommunicationError from './components/CommunicationError.vue';
-import PageLoader from './components/PageLoader.vue';
 import { apolloClient } from './providers/apollo';
 import { Workbox } from 'workbox-window';
 import routes from './routes';
@@ -68,7 +67,6 @@ Vue.component('process-info', ProcessInfo);
 Vue.component('server-settings', ServerSettings);
 Vue.component('app-update-available', AppUpdateAvailable);
 Vue.component('communication-error', CommunicationError);
-Vue.component('page-loader', PageLoader);
 
 Vue.use(VueRouter);
 Vue.use(VueApollo);
diff --git a/ui/components/PageLoader.vue b/ui/components/PageLoader.vue
deleted file mode 100644
index ae9174e..0000000
--- a/ui/components/PageLoader.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-    <div class="is-page-loader" v-show="loading">
-        <img src="../images/grid.svg" class="grid-loader" width="128" height="128" alt="Loading image" />
-    </div>
-</template>
-
-<script lang="ts">
-import Vue from 'vue';
-
-export default Vue.extend({
-    props: {
-        loading: {
-            type: Boolean,
-            required: true,
-        },
-    },
-});
-</script>
-
-<style lang="scss" scoped>
-.is-page-loader {
-    display: flex;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: hsl(0, 0%, 96%);
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    z-index: 9;
-}
-
-@media (prefers-color-scheme: dark) {
-    .is-page-loader {
-        background-color: hsl(228, 9.8%, 10%);
-    }
-}
-
-.grid-loader {
-    width: 128px;
-    height: 128px;
-}
-</style>
diff --git a/ui/pages/Dashboard.vue b/ui/pages/Dashboard.vue
index 93c548a..22a5776 100644
--- a/ui/pages/Dashboard.vue
+++ b/ui/pages/Dashboard.vue
@@ -36,7 +36,6 @@
                 </div>
             </div>
         </section>
-        <page-loader :loading="loading"></page-loader>
     </div>
 </template>
 
@@ -66,7 +65,6 @@ export default Vue.extend({
             },
             model: null,
             stream: null,
-            loading: false,
         };
     },
     mounted() : void {
@@ -134,8 +132,6 @@ export default Vue.extend({
                 });
 
                 this.stream = stream;
-
-                this.loading = false;
             });
         }).catch((error) => {
             bus.$emit('communication-error', {