Add FXIOS-14335 [Homepage Redesign] Update synced tab card corner radius (#31082)

Author: Foxbolts

firefox-ios/Client/Frontend/Home/Homepage/JumpBackIn/SyncedTabCell.swift

@@ -6,12 +6,14 @@ import Common
 import SiteImageView
 
 /// The synced tab cell used in the homepage's Jump Back In section
-class SyncedTabCell: UICollectionViewCell, ReusableCell, ThemeApplicable, Blurrable, Notifiable {
+class SyncedTabCell: UICollectionViewCell, ReusableCell, ThemeApplicable, Blurrable, Notifiable, FeatureFlaggable {
     struct UX {
         static let heroImageSize = CGSize(width: 108, height: 80)
         static let syncedDeviceImageSize = CGSize(width: 24, height: 24)
         static let tabStackTopAnchorConstant: CGFloat = 72
         static let tabStackTopAnchorCompactPhoneConstant: CGFloat = 24
+        static let generalCornerRadius: CGFloat = 16
+        static let heroImageCornerRadius: CGFloat = 13
     }
 
     private var syncedDeviceIconFirstBaselineConstraint: NSLayoutConstraint?
@@ -21,6 +23,10 @@ class SyncedTabCell: UICollectionViewCell, ReusableCell, ThemeApplicable, Blurra
     private var showAllSyncedTabsAction: (@MainActor () -> Void)?
     private var openSyncedTabAction: (@MainActor () -> Void)?
 
+    private var cardCornerRadius: CGFloat {
+        return isAnyStoriesRedesignEnabled ? UX.generalCornerRadius : HomepageUX.generalCornerRadius
+    }
+
     // MARK: - UI Elements
     private var tabHeroImage: HeroImageView = .build { _ in }
 
@@ -120,7 +126,9 @@ class SyncedTabCell: UICollectionViewCell, ReusableCell, ThemeApplicable, Blurra
 
         syncedDeviceImage.image = configuration.syncedDeviceImage
 
+        let heroImageCornerRadius = isAnyStoriesRedesignEnabled ? UX.heroImageCornerRadius : HomepageUX.generalCornerRadius
         let heroViewModel = HomepageHeroImageViewModel(urlStringRequest: configuration.url.absoluteString,
+                                                       generalCornerRadius: heroImageCornerRadius,
                                                        heroImageSize: UX.heroImageSize)
         tabHeroImage.setHeroImage(heroViewModel)
 
@@ -174,7 +182,7 @@ class SyncedTabCell: UICollectionViewCell, ReusableCell, ThemeApplicable, Blurra
 
         contentView.layer.shadowPath = UIBezierPath(
             roundedRect: contentView.bounds,
-            cornerRadius: HomepageUX.generalCornerRadius
+            cornerRadius: cardCornerRadius
         ).cgPath
     }
 
@@ -285,9 +293,9 @@ class SyncedTabCell: UICollectionViewCell, ReusableCell, ThemeApplicable, Blurra
     }
 
     private func setupShadow(theme: Theme) {
-        contentView.layer.cornerRadius = HomepageUX.generalCornerRadius
+        contentView.layer.cornerRadius = cardCornerRadius
         contentView.layer.shadowPath = UIBezierPath(roundedRect: contentView.bounds,
-                                                    cornerRadius: HomepageUX.generalCornerRadius).cgPath
+                                                    cornerRadius: cardCornerRadius).cgPath
         contentView.layer.shadowRadius = HomepageUX.shadowRadius
         contentView.layer.shadowOffset = HomepageUX.shadowOffset
         contentView.layer.shadowColor = theme.colors.shadowDefault.cgColor
@@ -314,7 +322,7 @@ class SyncedTabCell: UICollectionViewCell, ReusableCell, ThemeApplicable, Blurra
         // Add blur
         if shouldApplyWallpaperBlur {
             contentView.addBlurEffectWithClearBackgroundAndClipping(using: .systemThickMaterial)
-            contentView.layer.cornerRadius = HomepageUX.generalCornerRadius
+            contentView.layer.cornerRadius = cardCornerRadius
         } else {
             contentView.removeVisualEffectView()
             contentView.backgroundColor = theme.colors.layer5