From 5b7339a0dee1f2ecff1c7a9cefe9470c3a4fcc49 Mon Sep 17 00:00:00 2001
From: ericholguin <eric.holguinsanchez@gmail.com>
Date: Fri, 26 May 2023 19:41:51 -0600
Subject: [PATCH] createaccount: ui: move key text and profile picture
 selection into frame

---
 damus/Views/CreateAccountView.swift | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/damus/Views/CreateAccountView.swift b/damus/Views/CreateAccountView.swift
index 5ab503d0..48a67680 100644
--- a/damus/Views/CreateAccountView.swift
+++ b/damus/Views/CreateAccountView.swift
@@ -30,7 +30,6 @@ struct CreateAccountView: View {
             }
             
             VStack {
-                ProfilePictureSelector(pubkey: account.pubkey, viewModel: profileUploadViewModel, callback: uploadedProfilePicture(image_url:))
                 
                 HStack(alignment: .top) {
                     VStack {
@@ -67,10 +66,27 @@ struct CreateAccountView: View {
                                 .onTapGesture {
                                     regen_key()
                                 }
+                VStack(alignment: .center) {
+                    ProfilePictureSelector(pubkey: account.pubkey, viewModel: profileUploadViewModel, callback: uploadedProfilePicture(image_url:))
+
+                    Text(NSLocalizedString("Public Key", comment: "Label to indicate the public key of the account."))
+                        .bold()
+                        .padding()
+                        .onTapGesture {
+                            regen_key()
+                        }
+
+                    KeyText($account.pubkey)
+                        .padding(.horizontal, 20)
+                        .onTapGesture {
+                            regen_key()
                         }
                     }
                 }
-                
+                .frame(minWidth: 300, maxWidth: .infinity, minHeight: 300, alignment: .center)
+                .background {
+                    RoundedRectangle(cornerRadius: 12)
+                        .fill(DamusColors.adaptableGrey, strokeBorder: .gray.opacity(0.5), lineWidth: 1)
                 }
                 
                 Button(action: {