✨ Improve empty state

Signed-off-by: Peter Friese <[email protected]>

Author: peterfriese

Examples/FriendlyFlix/app/FriendlyFlix/FriendlyFlix/Features/Library/LibraryScreen.swift

@@ -22,10 +22,14 @@ import FriendlyFlixSDK
 
 struct LibraryScreen: View {
   @Namespace var namespace
-  @Environment(AuthenticationService.self) var authenticationViewModel
+  @Environment(AuthenticationService.self) var authenticationService
 
   private var connector = DataConnect.friendlyFlixConnector
 
+  private var isSignedIn: Bool {
+    authenticationService.user != nil
+  }
+
   init() {
     watchListRef = connector.getUserFavoriteMoviesQuery.ref()
   }
@@ -34,21 +38,24 @@ struct LibraryScreen: View {
   private var watchList: [Movie] {
     watchListRef.data?.user?.favoriteMovies.map(Movie.init) ?? []
   }
+
+  private func presentSignInDialog() {
+    authenticationService.presentingAuthenticationDialog.toggle()
+  }
 }
 
 extension LibraryScreen {
   var body: some View {
     NavigationStack {
       ScrollView {
-        if authenticationViewModel.authenticationState == .authenticated {
+        if isSignedIn {
           Group {
             MovieListSection(namespace: namespace, title: "Watch List", movies: watchList)
               .onAppear {
                 Task {
                   try await watchListRef.execute()
                 }
               }
-
             // TODO: insert section with list of all movies the user has rated
           }
           .padding()
@@ -73,11 +80,16 @@ extension LibraryScreen {
       }
     }
     .overlay {
-      if authenticationViewModel.authenticationState == .unauthenticated {
+      if !isSignedIn {
         ContentUnavailableView {
           Label("Your library is empty", systemImage: "rectangle.on.rectangle.slash")
         } description: {
-          Text("Your watch list and favourites will appear here.")
+          VStack {
+            Text("Your watch list and favourites will appear here once you sign in.")
+            Button(action: presentSignInDialog) {
+              Text("Sign in")
+            }
+          }
         }
       }
     }