metal randomizer

Author: t-anastasiia

EatHub/EatHub/Modules/Random/RandomView.swift

@@ -89,20 +89,21 @@ struct RandomView: View {
 extension RandomView {
     @ViewBuilder
     private var bodyView: some View {
-        switch viewModel.state {
-            case .loading:
-                RandomItemView()
-            case .loaded(let result):
-                ZStack {
-                    CircleShadow(isLoading: $viewModel.isLoading)
-                        .blur(radius: 20)
-                        .allowsHitTesting(false)
+        ZStack {
+            CircleShadow(isLoading: $viewModel.isLoading)
+                .blur(radius: 20)
+                .allowsHitTesting(false)
+            switch viewModel.state {
+                case .loading:
+                    RandomItemView()
+                case .loaded(let result):
+
                     NavigationLink(value: result) {
                         RandomItemView(item: result)
                     }
-                }
-            case .error:
-                CenteredVStaskText(text: Constants.Title.errorText)
+                case .error:
+                    CenteredVStaskText(text: Constants.Title.errorText)
+            }
         }
     }
 }

EatHub/EatHub/UIComponents/CircleShadowMetal/CircleShadow.swift

@@ -27,14 +27,15 @@ struct CircleShadow: View {
     var body: some View {
         ZStack(alignment: .topLeading) {
             Rectangle()
+                .fill(Color.Custom.backgroundPrimary)
                 .frame(maxWidth: .infinity, maxHeight: .infinity)
                 .overlay(
                     TimelineView(.animation()) { timeline in
                         let time = date.timeIntervalSince1970 - timeline.date.timeIntervalSince1970
 
                         CustomCircle(
                             time: time,
-                            speed: isLoading ? 6 : 3,
+                            speed: 3,
                             smoothing: 40,
                             strength: 15,
                             lineWidth: 30,
@@ -45,8 +46,8 @@ struct CircleShadow: View {
                         .foregroundStyle(
                             LinearGradient(
                                 colors: isLoading
-                                ? [.clear, .green, .green]
-                                : [.clear, .gray.opacity(0.3), .gray.opacity(0.4)],
+                                ? [.clear, Color.Custom.accent, Color.Custom.accent]
+                                : [.clear, Color.Custom.backgroundAccent.opacity(0.6), .gray.opacity(0.4)],
                                 startPoint: .leading,
                                 endPoint: .trailing
                             )
@@ -59,7 +60,7 @@ struct CircleShadow: View {
 
                         CustomCircle(
                             time: time,
-                            speed: isLoading ? -6 : -2,
+                            speed: -2,
                             smoothing: -40,
                             strength: -30,
                             lineWidth: 30,
@@ -70,8 +71,8 @@ struct CircleShadow: View {
                         .foregroundStyle(
                             LinearGradient(
                                 colors: isLoading
-                                ? [.clear, .green, .green]
-                                : [.clear, .gray.opacity(0.2), .gray.opacity(0.3)],
+                                ? [.clear, Color.Custom.accent, Color.Custom.accent]
+                                : [.clear, Color.Custom.backgroundAccent.opacity(0.3)],
                                 startPoint: .leading,
                                 endPoint: .trailing
                             )
@@ -132,3 +133,9 @@ struct CustomCircle: View {
             )
     }
 }
+
+#Preview {
+    CircleShadow(isLoading: .constant(false))
+        .blur(radius: 20)
+        .allowsHitTesting(false)
+}

EatHub/EatHub/UIComponents/ColorButton.swift

@@ -139,3 +139,9 @@ struct ColorButtonOutlineGear: View {
             .rotationEffect(Angle(degrees: t * 50))
     }
 }
+
+#Preview {
+    CircleShadow(isLoading: .constant(false))
+        .blur(radius: 20)
+        .allowsHitTesting(false)
+}