Add error state

Author: stephenyeargin

src/full.liquid

@@ -28,6 +28,7 @@
     data-overflow="true"
   >
     <div class="column">
+    {% render 'show_error', settings: settings, devices: devices %}
     {% for device in devices %}
       {% render "tailscale_device" with device: device %}
     {% endfor %}

src/half_horizontal.liquid

@@ -5,6 +5,7 @@
     data-overflow-counter="true"
   >
     <div class="column">
+    {% render 'show_error', settings: settings, devices: devices %}
     {% for device in devices %}
       {% render "tailscale_device" with device: device %}
     {% endfor %}

src/half_vertical.liquid

@@ -29,6 +29,7 @@
     data-overflow-counter="true"
   >
     <div class="column">
+    {% render 'show_error', settings: settings, devices: devices %}
     {% for device in devices %}
       {% render "tailscale_device" with device: device %}
     {% endfor %}

src/quadrant.liquid

@@ -5,6 +5,7 @@
     data-overflow-counter="true"
   >
     <div class="column">
+    {% render 'show_error', settings: settings, devices: devices %}
     {% for device in devices %}
       {% render "tailscale_device" with device: device %}
     {% endfor %}

src/settings.yml

@@ -4,7 +4,9 @@ no_screen_padding: 'no'
 dark_mode: 'no'
 static_data: ''
 polling_verb: get
-polling_url: https://api.tailscale.com/api/v2/tailnet/{{ tailscale_org_id }}/devices?fields=default
+polling_url: |
+  https://api.tailscale.com/api/v2/tailnet/{{ tailscale_org_id }}/settings
+  https://api.tailscale.com/api/v2/tailnet/{{ tailscale_org_id }}/devices?fields=default
 polling_headers: content-type=application/json&authorization=Bearer {{ tailscale_api_key }}
 polling_body: 
 id: 108109

src/shared.liquid

@@ -1,3 +1,6 @@
+{% assign settings = IDX_0 %}
+{% assign devices = IDX_1.devices %}
+
 {% assign online_count = 0 %}
 {% assign offline_count = 0 %}
 {% assign needs_update_count = 0 %}
@@ -39,3 +42,16 @@
   </div>
 </div>
 {% endtemplate %}
+
+{% template show_error %}
+{% if settings.size == 0 and devices == nil %}
+  <div class="py--10">
+    <span class="title title--medium">Unable to retrieve device status!</span>
+    <ul>
+      <li class="description">• Verify that you have configured devices</li>
+      <li class="description">• Verify that your API key hasn't expired</p>
+      <li class="description">• Verify that Tailscale is up (status.tailscale.com)</p>
+    </ul>
+  </div>
+{% endif %}
+{% endtemplate %}