fix(status-tooltip): better syncing check algorithm

app/components/status-tooltip/component.js

@@ -1,16 +1,26 @@
 import Component from '@ember/component';
+import { get } from '@ember/object';
 
 import InViewportMixin from 'ember-in-viewport';
 
 import { service } from 'ember-decorators/service';
+import { computed } from 'ember-decorators/object';
 import { on } from 'ember-decorators/object/evented';
 import { gt, lt } from 'ember-decorators/object/computed';
 
 export default Component.extend(InViewportMixin, {
   @service status: null,
 
-  @gt('status.blocks.unchecked', 0) hasUncheckedBlocks: false,
   @lt('status.peers.length', 1) isPeerless: false,
+  @gt('uncheckedPercentage', 0.01) isSyncing: false,
+
+  @computed('status.blocks.{count,unchecked}')
+  get uncheckedPercentage() {
+    const status = this.get('status');
+    const count = get(status, 'blocks.count') || 0;
+    const unchecked = get(status, 'blocks.unchecked') || 1;
+    return (unchecked / count) * 100;
+  },
 
   @on('didEnterViewport')
   startPolling() {

app/components/status-tooltip/template.hbs

@@ -1,5 +1,5 @@
-{{#fa-icon (if hasUncheckedBlocks 'refresh' 'signal')
-    spin=hasUncheckedBlocks
+{{#fa-icon (if isSyncing 'refresh' 'signal')
+    spin=isSyncing
     class=(if (not isPeerless) 'text-success')}}
   {{#bs-tooltip}}
     <ul class="m-0 list-unstyled">
@@ -9,7 +9,7 @@
           {{#if isPeerless}}
             {{t 'status.connecting'}}
           {{else}}
-            {{if hasUncheckedBlocks (t 'syncing') (t 'status.online')}}
+            {{if isSyncing (t 'syncing') (t 'status.online')}}
           {{/if}}
         {{else}}
           {{t 'status.connecting'}}