add cloud icon meaning

awesome-schedule · Apr 27, 2022 · 752ef4e · 752ef4e
1 parent 6d55152
commit 752ef4e
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/src/components/tabs/ExportView.vue b/src/components/tabs/ExportView.vue
@@ -192,18 +192,24 @@
         </ul>
 
         <div v-if="profile.tokenType" class="w-100 text-center my-2">
+            <div>
+                <small class="text-muted">
+                    You profiles are synchronized with {{ backendName }}
+                </small>
+            </div>
+            <div class="mb-1">
+                <small>
+                    <i class="fas fa-cloud mr-1 text-success"></i> = Synced &nbsp;&nbsp;
+                    <i class="fas fa-cloud mr-1 text-warning"></i> = Not Synced
+                </small>
+            </div>
             <button
                 class="btn btn-outline-primary"
                 :title="`Close connection to ${backendName}`"
                 @click="profile.logout()"
             >
                 Logout
             </button>
-            <div>
-                <small class="text-muted">
-                    You profiles are synchronizd with {{ backendName }}
-                </small>
-            </div>
         </div>
 
         <div v-else-if="allowBackend" class="w-100 my-2 text-center">