Access a variable in another view to reset it - ios

Question

I will try to explain my project, I develop an app on iPad.
First I have an HStack with a series of buttons which contain data, the button are green at the beginning and when we tap on it the button becomes red and the data contained in the button are stored in a variable.
Then, I have a second series of buttons which contain initial data, which must be replaced by other data (the data contained in the variable when we tap on a button which is in the HStack).
So we tap on the first button the data is recorded in a variable and we tap on a second button where we want the data.
The problem is that after that I want to delete the button contained in HStack this I can do it. But the red color stay on another button.
I suppose that it is because the "didTap" variable remains at true but how Can I "reset" this variable (becomes again false) when I tap on the second button.
Here is a simplified version of the code :
import SwiftUI
struct ContentView: View {
#State private var allWords : [String] = ["test1", "test2", "test3", "test4", "test5", "test6"] // contain the data to put in the buttons which are in the HStack
#State private var textInButton : String = "" //text temporarly stored
#State private var arrayIndice : Int = 0 //index temporarly stored
#State private var oneTap : Bool = false
#State private var isNight = false //unused at this moment
private var col : [GridItem] = Array(repeating: .init(.fixed(45)), count: 18)
let spaceOriginal = ["A1","A2","B1"]
#State var space = ["A1","A2","B1"]
var body: some View {
VStack{
ScrollView(.horizontal) {
HStack{
ForEach(allWords.indices, id: \.self) { index in
// display list of buttons ...
MyButton(myRow: allWords[index], oneTap: $oneTap, isNight: $isNight, textInButton: $textInButton, arrayIndice: $arrayIndice, arrayLocalIndice : index, allWords: $allWords)
}
}
.padding(.bottom, 30)
}
LazyVGrid(columns: col, spacing: 0) {
ForEach(0..<space.count) { i in
// display some button that I want to fill with the data contained in the buttons which are in the HStack
Button(action: {
// display again the original data when we click on the button and want to "reset" the button
if (space[i] != spaceOriginal[i]){
allWords.append(space[i])
space[i] = spaceOriginal[i]
}
// put data which are in the selected button (located in the hstack) in the button which I have to fill
if(textInButton != "" && space[i] == spaceOriginal[i]){
space[i] = textInButton
textInButton = ""
allWords.remove(at: arrayIndice)
oneTap = false
}
}, label: {
Text("\(space[i])")
.frame(width:50, height:75)
.font(.system(size: 20, weight: .medium))
.border(Color.black, width: 1)
})
}
}
}
}
}
struct ULD: View{
var title: String
var textColor: Color
var backgroundColor: Color
var body: some View{
Text(title)
.frame(width:75, height:75)
.background(backgroundColor)
.font(.system(size: 10, weight: .medium))
.foregroundColor(textColor)
.border(Color.black, width: 1)
}
}
struct MyButton: View {
#State private var didTap = false
var myRow: String
#Binding var oneTap: Bool
#Binding var isNight: Bool
#Binding var textInButton: String
#Binding var arrayIndice: Int
var arrayLocalIndice : Int
#Binding var allWords: [String]
var body: some View {
Button{
// reset the button if I tap again on a button located in the Hstack
if (didTap == true){
didTap.toggle()
oneTap = false
textInButton = ""
arrayIndice = 0
}
// tap on the button
else if (oneTap == false){
oneTap = true
didTap.toggle()
textInButton = myRow
arrayIndice = arrayLocalIndice
isNight.toggle()
}
} label:{
// By default the button is green, when we tap the first time on the button the didTap variable becomes true and the button becomes red, if we tap again it becomes green again
ULD(title: myRow, textColor: .black, backgroundColor: didTap ? .red : .green)
}
}
}
Here is some pictures to illustrate the problem :
Initial state :
When I click on test 2 it becomes red :
When I click on the position A2 the button is filled with test 2 but test 3 (the second position in the HStack remains red) :
Thank you very much