UIX update for alpha release

fe/src/App.vue

@@ -6,7 +6,7 @@
   <MainMenu />
   <RouterView />
   <AlertComp
-    v-if="!isLocal() && !handshake && route.fullPath !== '/devices'"
+    v-if="!isLocal && !handshake && route.fullPath !== '/devices'"
     variant="warning"
     :page-wide="true"
     href="/devices"

fe/src/components/devices/ServerView.vue

@@ -16,10 +16,7 @@
       </h4>
       <template v-if="Object.keys(remote.devices).length > 0">
         <template v-for="(remoteDevice, id) in remote.devices" :key="id">
-          <div
-            v-if="id !== device.uuid()"
-            class="mcrm-block block__dark block-size__sm w-64 grid !gap-4 content-start"
-          >
+          <div class="mcrm-block block__dark block-size__sm w-64 grid !gap-4 content-start">
             <div class="grid gap-2">
               <h5 class="grid grid-cols-[auto_1fr] gap-2">
                 <IconDeviceUnknown v-if="remoteDevice.settings.type == 'unknown'" />

fe/src/services/ApiService.js

@@ -2,9 +2,9 @@ import { useDeviceStore } from '@/stores/device'
 import CryptoJS from 'crypto-js'
 
 export const appUrl = () => {
-  return window.location.port !== import.meta.env.VITE_MCRM__PORT
-    ? `http://${window.location.hostname}:${import.meta.env.VITE_MCRM__PORT}`
-    : ''
+  const port = window.location.port == 5173 ? import.meta.env.VITE_MCRM__PORT : window.location.port
+
+  return `http://${window.location.hostname}:${port}`
 }
 
 export const isLocal = () => {

fe/src/views/DevicesView.vue

@@ -4,8 +4,8 @@
       {{ isLocal() ? 'Remote devices' : 'Server' }}
     </h1>
     <div class="grid gap-8 pr-2 panel__content">
-      <ServerView v-if="isLocal()" />
-      <RemoteView v-else />
+      <ServerView />
+      <RemoteView />
     </div>
   </div>
 </template>