Now, rather than this clipboard, a text will be having an actual clipboard icon.
So for that purpose, head decorator and important icon from the Aitken's module, which we installed
earlier, if you just head back India-Pakistan Pakistan Jason, you will see that we have a module known
as React icons, which are going to use into an application.
So going to apps store J6 and import of clipboard.
Now this is coming from us, reacts icons.
And Grandma Font, awesome.
So save it now rather than having this clipboard, let's go alert for a clipboard.
So remove this and put a far.
Clipboard.
So now hit save, and hopefully we should have a clipboard icon at a UA if I just take a look at my.
Dominance.
So, yeah, we have compiled it successfully.
Now let's review.
So here is a global icon.
Now we have everything that we need is ready.
So what I want to do is that we're going to add speed now.
So let's count up the number of states that you wanted in our application.
So we want to state for a password length that makes it one then uppercase splitter that makes it two,
then three, then four, then five.
So at most, we have five states, the States Embassy, and apart from this, we also need to state
to set the password length.
And that makes it the sixth better state.
So in total, Iran will be using six states, one for password, one for password length, one four
uppercase letters than other four lowercase letters.
And then four.
Again, we're having to lowercase letters.
I guess this shouldn't be, too.
It should say lowercase.
Let me just head back.
So.
So probably I just copied it and forgot to rename it, so we have a uppercase and lowercase and after
the lowercase, you want numbers.
And not the numbers we are going to have symbols include.
And not to the same bones, OK, then it's fine.
Let me just get rid of this actress.
No, it's safe.
And we're application.
OK, so it is it is going to change in a moment.
Now we have six pieces of state, as I was telling you earlier, one or two or three or four and a five
and a six.
So we have six pieces of state.
And since we are using functional components, therefore will be using new state of that.
No.
So let's just import a used data from a reactor module to import use state.
Drama, react what you.
So we are important, are you state now after this?
Let's put you to work and look, that's create six pieces of suit.
So first one is going to be for a.
Password, so let's create a state of a password and a set of functions to set password.
Now an issue that is going to have the value of an empty strings will give it the value of an empty
string.
So now we have our first piece of state that is going to be equal to our passwords, so after this,
we are going to have a second piece and that is going to be called to password length to contain the
length of a password.
So let's see what password?
And a set of function, which is going to be equally long.
So far, so good.
OK, so initially it is going to have the value of 20, you want to be 20 digits long, so give it a
password of 20 initial state of 20.
Now we have two pieces of state now the third piece is going to be four cases.
So const.
Uppercase.
And so the function that is going to be set up is.
So we have a second piece that is going to be uppercase and set up a case which is going to be equal
to a U.S. state.
And initially, we want it to be true.
We assume that I use has already checked that particular box that they want the state to know the next
is going to be for.
So let me just copy this.
And they said for.
Lowercase and phone numbers, four symbols.
So a second one is going to hold the value.
Lowercase.
And.
After the kids are going to have numbers to get rid of this numbers.
Said numbers.
Now, after they said, no, they're going to have a semblance.
Symbols then set symbols.
OK, so we have our states now.
Now it's safe, so we have got all the states that we need now you need to configure a password.
But for a password to be made, we need characters, right?
And we don't expect the user to supply us with all the characters.
So for that purpose, we have already made the characters Georgia sex that is going to supply to us
the characters that we need for our application.
For example, we would be needing all the numbers from one to 10 from one two zero nine and all the
characters from ABCD to Z and all the special cases.
Now, if you're wondering that if within two Typekit.
Well, we have already provided you with a file.
If you just take a look at the file that isn't provided to you.
So we are having all the characters that we need, so all you just need to do is copy this particular
file.
And based on characters missed.
So basically, what's the purpose of this fight is that it is going to supply us with all the characters,
for example, the numbers from zero to nine, from uppercase letters, from A to Z, from other cases
and then located on all the special characters.
So now hit, save and close up your characters.
Dodgy GSX.
Now will be setting up a password as well as a password length, so let's add methods into our application
so that we can complete that application.