update dashboard theatrics, improve config file write/clear logic, up…

…date app icon to prepare for first official release

package.json

@@ -1,6 +1,6 @@
 {
   "name": "subspace-desktop",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": true,
   "description": "Simple desktop app for Subspace farmers.",
   "author": "",
@@ -46,4 +46,4 @@
     "yarn": ">= 1.21.1"
   },
   "productName": "subspace"
-}
+}

quasar.conf.js

@@ -101,7 +101,7 @@ module.exports = configure(function (ctx) {
 
     // animations: 'all', // --- includes all animations
     // https://v2.quasar.dev/options/animations
-    animations: [],
+    animations: 'all',
 
     // https://v2.quasar.dev/quasar-cli/developing-ssr/configuring-ssr
     ssr: {

src-tauri/tauri.conf.json

@@ -1,6 +1,6 @@
 {
   "package": {
-    "productName": "yarn tauri info",
+    "productName": "Subspace Farmer Demo",
     "version": "0.1.0"
   },
   "build": {
@@ -53,7 +53,7 @@
     },
     "windows": [
       {
-        "title": "Subspace",
+        "title": "Subspace Farmer Demo",
         "width": 800,
         "height": 600,
         "resizable": false,

src/layouts/MainLayout.vue

@@ -6,12 +6,13 @@ q-layout(view="hHh lpr fFf")
       q-toolbar-title
         .row(v-if="$route.name == 'dashboard'")
           .col-auto.q-mr-md.relative-position
-            q-icon(color="green-5" name="trip_origin" size="40px" style="bottom: 0px; right: 5px")
+            q-icon(color="green-5" name="trip_origin" size="40px" style="bottom: 0px; right: 5px" v-if="global.status.state == 'live'")
+            q-icon(color="yellow-8" name="trip_origin" size="40px" style="bottom: 0px; right: 5px" v-if="global.status.state == 'loading'")
             //- q-spinner-oval(color="green" size="55px")
             q-tooltip
               .col
                 p Farmer Status:
-                h6.no-margin Connected Synced and Farming
+                h6.no-margin {{ global.status.message }}
       div
         q-btn(flat icon="settings" round)
           q-menu(auto-close)
@@ -39,7 +40,7 @@ export default defineComponent({
 
   data() {
     return {
-      data: global.data,
+      global: global.data,
       util,
     }
   },
@@ -61,7 +62,10 @@ export default defineComponent({
         html: true,
         ok: { label: "reset", icon: "refresh", flat: true, color: "red" },
         cancel: true,
-      }).onOk(util.reset)
+      }).onOk(async () => {
+        util.reset()
+        this.$router.replace({ name: "index" })
+      })
     },
   },
 })

src/lib/global.ts

@@ -3,7 +3,7 @@ const list: string[] = []
 import getLang from "../loc/lang"
 
 let text: any
-export var data = reactive({ loc: { selected: 'en', text, } })
+export var data = reactive({ status: { state: "loading", message: "loading" }, loc: { selected: 'en', text, } })
 export var mutations = {
   async changeLang(newLang: string) {
     data.loc.selected = newLang

src/lib/util.ts

@@ -30,6 +30,7 @@ export async function showModal(componentName: string, props: propsType = {}): P
 }
 
 export function toFixed(num: number, precision: number) {
+  if (!num) return 0
   return parseFloat(num.toFixed(precision))
 }
 
@@ -38,8 +39,8 @@ export function plotTimeMsEstimate(gb: number): number {
 }
 
 export async function reset() {
-  const configData = await config.read()
-  if (configData?.plot?.location) await tauri.fs.removeFile(configData.plot.location)
+  const configData = await config.read().catch(console.error)
+  if (configData?.plot?.location) await tauri.fs.removeFile(configData.plot.location).catch(console.error)
   config.clear()
 }
 
@@ -51,9 +52,8 @@ export const config = {
   validate(config: ConfigFile): boolean {
     const acctValid = config.account ? true : false
     const plotValid = config.plot ? true : false
-    console.log('acctValid', acctValid);
-    console.log('plotValid', acctValid);
-
+    // console.log('acctValid', acctValid);
+    // console.log('plotValid', acctValid);
     return (acctValid && plotValid)
   },
   async read(dir?: string): Promise<ConfigFile> {