End-Of-Session: Created keyboard grid array

awkbd/KeyboardView.swift

@@ -7,26 +7,54 @@
 //
 // TODO:
 // - if touch up outside view, close Kbd
+
 import SwiftUI
 
 struct KeyboardView: View {
     @State var db = Database()
     @State var cfg = Config()
+    @State var size: CGSize = .zero
     var body: some View {
-        ScrollView {
-            VStack {
-                ForEach(db.groups) { group in
-                    Text(group.name)
-                        .foregroundColor(cfg.highlightColor)
-                    HStack {
-                        ForEach(group.phrases) { phrase in
-                            Text(phrase.string)
+        VStack {
+            HStack {
+                ForEach(1...4, id: \.self) { z in
+                    VStack {
+                        ForEach(1...2, id: \.self) { y in
+                            quarterButton(label: "\(z) \(y)")
                         }
                     }
                 }
-                Button("Clear") { db.groups[1].name = NSUUID().uuidString}
+            }
+            HStack {
+                ForEach(1...3, id: \.self) { z in
+                    VStack {
+                        ForEach(1...2, id: \.self) { y in
+                            quarterButton(label: "\(z) \(y)")
+                        }
+                    }
+                }
+                VStack {
+                    quarterButton(label: "RET")
+                }
             }
         }
+        GeometryReader { proxy in
+            HStack {} // just an empty container to triggers the onAppear
+                .onAppear {
+                    size = proxy.size
+                }
+        }
+    }
+    
+    func quarterButton(label: any StringProtocol) -> some View {
+        Button (label) {
+            
+        }
+        .border(cfg.highlightColor)
+        .frame(
+            width: round(size.width/4),
+            height: round(size.height/4)
+        )
     }
 }