Now, head back into your dashboard and close off the dashboard that's now inside the dashboard before
beginning a second section.
We would like to have stayed in the application because we will be needing state into the second part
of our dashboard.
So for that purpose, let's import used data from the Act module.
Now we have imported, you know, it's time to create state, and I will be having three sets of state,
one is going to be four colors and other is going to handle errors and what is going to hold a list
of all the colors that we are getting so that we can actually mark them in our event list.
So for that purpose, let's create three set of states.
So for us, it's going to be for either color.
And I a function that is going to settle down and let's give it an initial value.
Of an empty string.
Now we have our first piece of state that is going to manage our colors.
And apart from this, let's create another state of state and this is going to hold our ED.
And set it as a setup function and other used it offers, because initially we do not have any sorts
of errors, I just ordered into the error variable.
Now apart from this, well, we will be creating a list.
So let's just create a contact list and set up function for it and name of the set list and use state.
And inside this Navy yard and requirement of an there was a library which is the world's largest.
So let's first input our values to address.
Which we have installed.
And it's a no inside a new state of a third business will be just auditing new values.
And give it a default value, which is going to be same as duty to retrieve.
And put up all.
Which is going to take an argument of often because he won't initially attend the list of elements to
be displayed in a, you know, just hit save.
And we are having all three pieces of state that we needed.
Now it's time to configure our second section, which is going to be using these states.
So now that our first section is ready, it's time to create a second section.
And so the first thing that will do is import color list or the single color articulated in our previous
section.
So you might remember in our source directly, we have a dashboard and events list.
Inside this evidence list, we have another component that a single color.
So this is what are we importing now?
So head to your.
Dashboard and import single color from the event list and single color, and the next thing that will
do is yes.
It's just that they'll be mapping out colors.
So heading to a section and we just put up a GSX expression.
And inside this, let's just map a list element and map it in the passing of color, the arrow.
Now inside this arrow will be returning statements, so let's just return.
Nine scientists are going to be passing a single.
At the moment, it is doing nothing but will be identical to a single color, then it is going to function
properly and will give it all the colors.
And after this collapse will also give it index.
And a key property because he reacts when they yell at us, if there is no key properties after this
collapse will also be parsing index, which is going to be unique.
And the key should be off again, index and index should be of.
And it's.
Now, this is a split operator that is going to transfer a luckless property, this property to consist
of three periods and after this index will also give it a hex color.
This is going to be called the colored attacks.
No, give it to self-loathing tag and hits if.
So we are passing all that we need, and now it's time to add a class name to us.
In protection, so head to your line number 15, which is the input text and remove this and blazer
deliveries because again, you're putting up a GSF expression.
And inside this world we're going to do is that will be using a state that is the area so that we can
assign error property to it inside a class neighborhood.
And to do is after this, Calabria says we're going to have another of codebase and put up a dollar
sign in instructing and inside that give it an error in the text.
And if the error is true, we warn that if an error is true, OK, these back should be outside.
If the restroom, we want that air to be displayed on a US.
And if it's not, then just to be returned.
Now we have added class name to hide in protection and will be soon adding cases to it.
So let's just head back to your dashboard.
And what will do it is that will be adding relevant.
Do it, but not now, let's just close it.