add rollout banner (#2031)

Task/Issue URL: https://app.asana.com/0/0/1206297687428377/f **Description**: Add sync rollout banner
duckduckgo · Jan 9, 2024 · cf84fbc · cf84fbc
1 parent c6557fd
commit cf84fbc
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/LocalPackages/SyncUI/Sources/SyncUI/Views/ManagementView.swift b/LocalPackages/SyncUI/Sources/SyncUI/Views/ManagementView.swift
@@ -38,6 +38,18 @@ public struct ManagementView<ViewModel>: View where ViewModel: ManagementViewMod
     public var body: some View {
         VStack(alignment: .leading, spacing: 0) {
             VStack(alignment: .leading, spacing: 8) {
+                HStack(alignment: .top, spacing: 16) {
+                    Image("Info")
+                        .foregroundColor(Color("LinkBlueColor"))
+                        .frame(width: 16)
+                        .background(Circle().foregroundColor(Color(.white)))
+                    Text(UserText.syncRollOutBannerDescription)
+                }
+                .frame(width: 493)
+                .padding()
+                .background(RoundedRectangle(cornerRadius: 8).foregroundColor(Color("OnboardingSkipButtonBaseColor")))
+                .padding(.bottom, 10)
+
                 Text(UserText.sync)
                     .font(.system(size: 17))
                     .bold()

diff --git a/LocalPackages/SyncUI/Sources/SyncUI/internal/UserText.swift b/LocalPackages/SyncUI/Sources/SyncUI/internal/UserText.swift
@@ -61,6 +61,7 @@ enum UserText {
 
     // Sync Title
     static let sync = NSLocalizedString("preferences.sync", value: "Sync & Backup", comment: "Show sync preferences")
+    static let syncRollOutBannerDescription = NSLocalizedString("preferences.sync.rollout-banner.description", value: "Sync & Backup is rolling out gradually and may not be available yet within DuckDuckGo on your other devices.", comment: "Description of rollout banner")
 
     static let turnOff = NSLocalizedString("preferences.sync.turn-off", value: "Turn Off", comment: "Turn off sync confirmation dialog button title")
     static let turnOffSync = NSLocalizedString("preferences.sync.turn-off.ellipsis", value: "Turn off Sync...", comment: "Disable sync button caption")