Add Not Synced error

Flipper/Packages/UI/Sources/Widget/Components/WidgetError.swift

@@ -12,7 +12,6 @@ struct WidgetError: View {
                 Text(text)
                     .font(.system(size: 14, weight: .medium))
             }
-            .padding(.top, 14)
 
             HStack {
                 Spacer()

Flipper/Packages/UI/Sources/Widget/WidgetView.swift

@@ -24,12 +24,21 @@ public struct WidgetView: View {
                     image: "WidgetFlipperBusy",
                     isPresented: $viewModel.showAppLocked
                 )
+                .padding(.vertical, 14)
             } else if viewModel.showCantConnect {
                 WidgetError(
                     text: "Can’t Connect to Flipper",
                     image: "WidgetCantConnect",
                     isPresented: $viewModel.showCantConnect
                 )
+                .padding(.vertical, 14)
+            } else if viewModel.showNotSynced {
+                WidgetError(
+                    text: "This Key is Not Synced",
+                    image: "WidgetKeyNotSynced",
+                    isPresented: $viewModel.showNotSynced
+                )
+                .padding(.vertical, 14)
             } else {
                 self.keys
             }

Flipper/Packages/UI/Sources/Widget/WidgetViewModel.swift

@@ -30,6 +30,7 @@ public class WidgetViewModel: ObservableObject {
     @Published public private(set) var keys: [WidgetKey] = []
     @Published var isEmulating = false
     @Published var showAppLocked = false
+    @Published var showNotSynced = false
     @Published var showCantConnect = false {
         didSet {
             if showCantConnect == false {
@@ -129,7 +130,14 @@ public class WidgetViewModel: ObservableObject {
             return
         }
         guard let item = item(for: keys[index]) else {
-            print("key not found")
+            logger.error("the key is not found")
+            resetEmulate()
+            return
+        }
+        guard item.status == .synchronized else {
+            logger.error("the key is not synced")
+            showNotSynced = true
+            resetEmulate()
             return
         }
         emulate.startEmulate(item)

Flipper/Shared/Assets.xcassets/TodayWidget/WidgetKeyNotSynced.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "WidgetKeyNotSynced.svg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}