crazypoo / ptchatgpt Goto Github PK

let myName = "Me"

let helperName = "Helper"

let myAvatar = "avatar1"

let helperAvatar = "avatar2"

var body: some View {
    List(messages) { message in
        HStack {
            if message.isMine {
                Spacer()
                VStack(alignment: .trailing) {
                    HStack {
                        Text(myName)
                        Image(myAvatar)
                            .resizable()
                            .frame(width: 40, height: 40)
                            .background(.blue)
                            .cornerRadius(20)
                    }
                    Spacer()
                    Text(message.message)
                        .padding()
                        .background(Color.purple)
                        .foregroundColor(.black)
                        .cornerRadius(10)
                        .padding(.horizontal, 50)
                }
            } else {
                VStack(alignment: .leading) {
                    HStack {
                    Image(helperAvatar)
                        .resizable()
                        .frame(width: 40, height: 40)
                        .background(.green)
                        .cornerRadius(20)
                    Text(helperName)
                    }
                    Spacer()
                    Text(message.message)
                        .padding()
                        .background(Color.red)
                        .foregroundColor(.black)
                        .cornerRadius(10)
                        .padding(.horizontal, 50)
                   
                }
                Spacer()
            }
        }
    }
}