Bundle SF Symbols icons as SVGs

hmarr · Jul 19, 2021 · 8a9ec7b · 8a9ec7b
1 parent 1260005
commit 8a9ec7b
Show file tree

Hide file tree

Showing 5 changed files with 73 additions and 2 deletions.
diff --git a/Vitals/Assets.xcassets/chevron-left.imageset/Contents.json b/Vitals/Assets.xcassets/chevron-left.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "chevron-left.svg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Vitals/Assets.xcassets/chevron-left.imageset/chevron-left.svg b/Vitals/Assets.xcassets/chevron-left.imageset/chevron-left.svg
diff --git a/Vitals/Assets.xcassets/chevron-right.imageset/Contents.json b/Vitals/Assets.xcassets/chevron-right.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "chevron-right.svg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Vitals/Assets.xcassets/chevron-right.imageset/chevron-right.svg b/Vitals/Assets.xcassets/chevron-right.imageset/chevron-right.svg
diff --git a/Vitals/ContentView.swift b/Vitals/ContentView.swift
@@ -89,6 +89,7 @@ class ContentViewModel: ObservableObject {
 }
 
 
+
 struct ContentView: View {
     @ObservedObject var viewModel: ContentViewModel
 
@@ -112,13 +113,35 @@ struct ContentView: View {
 
                     Spacer()
 
-                    Button("􀆉") {
+                    Button(action: {
                         viewModel.cycleSelectedResource(direction: -1)
+                    }) {
+                        ZStack {
+                            // Extra rectangle to increase the size of the click target
+                            Rectangle().frame(width: 14, height: 16, alignment: .center).opacity(0.0)
+
+                            Image("chevron-left")
+                                .resizable()
+                                .scaledToFit()
+                                .frame(maxHeight: 12)
+                        }
                     }.buttonStyle(BorderlessButtonStyle())
+                    .frame(width: 14, height: 16, alignment: .center)
 
-                    Button("􀆊") {
+                    Button(action: {
                         viewModel.cycleSelectedResource(direction: 1)
+                    }) {
+                        ZStack {
+                            // Extra rectangle to increase the size of the click target
+                            Rectangle().frame(width: 14, height: 16, alignment: .center).opacity(0.0)
+
+                            Image("chevron-right")
+                                .resizable()
+                                .scaledToFit()
+                                .frame(maxHeight: 12)
+                        }
                     }.buttonStyle(BorderlessButtonStyle())
+                    .frame(width: 14, height: 16, alignment: .center)
                 }.frame(height: 20)
 
                 VStack(spacing: 6) {