feat: liquid glass!

Author: uwaisalqadri

Giffy/App/MainApp.swift

@@ -16,6 +16,7 @@ struct MainApp: App {
 
   init() {
     Font.loadAllFonts()
+    NFX.sharedInstance().start()
   }
 
   var body: some Scene {

Modules/CommonUI/CommonUI/Sources/CommonUI/ReusableViews/Blur.swift

@@ -8,15 +8,48 @@
 import Foundation
 import SwiftUI
 
-public struct Blur: UIViewRepresentable {
+public struct Blur: View {
   @State var style: UIBlurEffect.Style = .systemMaterial
+  var interactive: Bool = false
 
-  public init(style: UIBlurEffect.Style) {
+  public init(style: UIBlurEffect.Style = .systemMaterial, interactive: Bool = true) {
+    self.style = style
+    self.interactive = interactive
+  }
+  
+  public var body: some View {
+    if #available(iOS 26.0, *) {
+      // Use SwiftUI glass effect for iOS 26+
+      Rectangle()
+        .fill(.clear)
+        .glassEffect(interactive ? .clear.interactive() : .clear, in: .rect)
+    } else {
+      // Fallback to UIViewRepresentable for older iOS
+      LegacyBlur(style: style)
+    }
+  }
+}
+
+// Backward compatible UIViewRepresentable implementation
+public struct LegacyBlur: UIViewRepresentable {
+  @State var style: UIBlurEffect.Style = .systemMaterial
+
+  public init(style: UIBlurEffect.Style = .systemMaterial) {
     self.style = style
   }
 
   public func makeUIView(context: Context) -> UIVisualEffectView {
-    return UIVisualEffectView(effect: UIBlurEffect(style: style))
+    let blurEffect = UIBlurEffect(style: style)
+    let blurView = UIVisualEffectView(effect: blurEffect)
+    
+    // Enhanced styling for liquid glass appearance on older iOS
+    blurView.backgroundColor = UIColor.white.withAlphaComponent(0.1)
+    
+    // Subtle border for glass definition
+    blurView.layer.borderWidth = 0.5
+    blurView.layer.borderColor = UIColor.white.withAlphaComponent(0.2).cgColor
+    
+    return blurView
   }
 
   public func updateUIView(_ uiView: UIVisualEffectView, context: Context) {

Modules/CommonUI/CommonUI/Sources/CommonUI/ReusableViews/OneDialog.swift

@@ -8,7 +8,7 @@
 import SwiftUI
 
 private enum DialogConstants {
-  static let radius: CGFloat = 26
+  static let radius: CGFloat = 40
   static let indicatorHeight: CGFloat = 6
   static let indicatorWidth: CGFloat = 60
   static let snapRatio: CGFloat = 0.25
@@ -49,14 +49,9 @@ public struct OneDialog<Content: View>: View {
       }
       .frame(width: geometry.size.width, alignment: .top)
       .background(
-        Color.black.shadow(
-          color: Color.black.opacity(0.25),
-          radius: 4,
-          x: 0,
-          y: 4
-        )
+        Blur(style: .systemUltraThinMaterialLight, interactive: false)
       )
-      .cornerRadius(DialogConstants.radius)
+      .clipShape(.rect(cornerRadius: DialogConstants.radius))
       .frame(height: geometry.size.height, alignment: .bottom)
       .offset(y: max(offset + translation, 0))
       .animation(.interactiveSpring(duration: 0.5), value: isOpen)
@@ -92,11 +87,6 @@ struct DialogModifier<DialogContent: View>: ViewModifier {
   func body(content: Content) -> some View {
     ZStack {
       content
-        .overlay(
-          Color.black
-            .opacity(isShown ? 0.5 : 0)
-            .edgesIgnoringSafeArea(.vertical)
-        )
         .onTapGesture {
           if shouldDismissOnTapOutside {
             isShown = false