1 00:00:01,370 --> 00:00:06,980 Now, rather than this clipboard, a text will be having an actual clipboard icon. 2 00:00:07,170 --> 00:00:13,430 So for that purpose, head decorator and important icon from the Aitken's module, which we installed 3 00:00:13,430 --> 00:00:17,900 earlier, if you just head back India-Pakistan Pakistan Jason, you will see that we have a module known 4 00:00:17,900 --> 00:00:20,990 as React icons, which are going to use into an application. 5 00:00:21,710 --> 00:00:27,830 So going to apps store J6 and import of clipboard. 6 00:00:30,210 --> 00:00:34,740 Now this is coming from us, reacts icons. 7 00:00:37,450 --> 00:00:39,280 And Grandma Font, awesome. 8 00:00:39,910 --> 00:00:46,810 So save it now rather than having this clipboard, let's go alert for a clipboard. 9 00:00:47,350 --> 00:00:50,140 So remove this and put a far. 10 00:00:52,790 --> 00:00:53,540 Clipboard. 11 00:00:56,590 --> 00:01:02,200 So now hit save, and hopefully we should have a clipboard icon at a UA if I just take a look at my. 12 00:01:03,820 --> 00:01:04,390 Dominance. 13 00:01:07,400 --> 00:01:09,290 So, yeah, we have compiled it successfully. 14 00:01:09,680 --> 00:01:10,610 Now let's review. 15 00:01:11,390 --> 00:01:12,650 So here is a global icon. 16 00:01:13,260 --> 00:01:16,430 Now we have everything that we need is ready. 17 00:01:16,850 --> 00:01:19,640 So what I want to do is that we're going to add speed now. 18 00:01:19,850 --> 00:01:22,820 So let's count up the number of states that you wanted in our application. 19 00:01:23,330 --> 00:01:28,940 So we want to state for a password length that makes it one then uppercase splitter that makes it two, 20 00:01:29,300 --> 00:01:31,480 then three, then four, then five. 21 00:01:31,490 --> 00:01:37,280 So at most, we have five states, the States Embassy, and apart from this, we also need to state 22 00:01:37,280 --> 00:01:38,420 to set the password length. 23 00:01:38,720 --> 00:01:41,300 And that makes it the sixth better state. 24 00:01:41,720 --> 00:01:47,000 So in total, Iran will be using six states, one for password, one for password length, one four 25 00:01:47,000 --> 00:01:49,670 uppercase letters than other four lowercase letters. 26 00:01:49,790 --> 00:01:50,600 And then four. 27 00:01:51,560 --> 00:01:53,180 Again, we're having to lowercase letters. 28 00:01:53,180 --> 00:01:54,620 I guess this shouldn't be, too. 29 00:01:54,620 --> 00:01:56,670 It should say lowercase. 30 00:01:56,690 --> 00:01:57,650 Let me just head back. 31 00:01:58,950 --> 00:01:59,400 So. 32 00:02:00,760 --> 00:02:07,120 So probably I just copied it and forgot to rename it, so we have a uppercase and lowercase and after 33 00:02:07,120 --> 00:02:09,490 the lowercase, you want numbers. 34 00:02:15,250 --> 00:02:18,130 And not the numbers we are going to have symbols include. 35 00:02:23,770 --> 00:02:26,920 And not to the same bones, OK, then it's fine. 36 00:02:28,030 --> 00:02:29,800 Let me just get rid of this actress. 37 00:02:29,890 --> 00:02:30,940 No, it's safe. 38 00:02:33,760 --> 00:02:35,280 And we're application. 39 00:02:36,160 --> 00:02:38,110 OK, so it is it is going to change in a moment. 40 00:02:38,680 --> 00:02:44,950 Now we have six pieces of state, as I was telling you earlier, one or two or three or four and a five 41 00:02:44,950 --> 00:02:45,430 and a six. 42 00:02:45,440 --> 00:02:47,050 So we have six pieces of state. 43 00:02:47,470 --> 00:02:52,460 And since we are using functional components, therefore will be using new state of that. 44 00:02:52,900 --> 00:02:53,300 No. 45 00:02:54,610 --> 00:03:01,000 So let's just import a used data from a reactor module to import use state. 46 00:03:02,190 --> 00:03:03,600 Drama, react what you. 47 00:03:03,660 --> 00:03:06,330 So we are important, are you state now after this? 48 00:03:14,790 --> 00:03:18,740 Let's put you to work and look, that's create six pieces of suit. 49 00:03:18,870 --> 00:03:20,520 So first one is going to be for a. 50 00:03:23,030 --> 00:03:28,940 Password, so let's create a state of a password and a set of functions to set password. 51 00:03:29,400 --> 00:03:34,910 Now an issue that is going to have the value of an empty strings will give it the value of an empty 52 00:03:34,910 --> 00:03:35,270 string. 53 00:03:39,170 --> 00:03:44,030 So now we have our first piece of state that is going to be equal to our passwords, so after this, 54 00:03:44,480 --> 00:03:49,220 we are going to have a second piece and that is going to be called to password length to contain the 55 00:03:49,220 --> 00:03:50,190 length of a password. 56 00:03:50,210 --> 00:03:52,580 So let's see what password? 57 00:03:56,340 --> 00:03:58,710 And a set of function, which is going to be equally long. 58 00:03:58,950 --> 00:04:00,150 So far, so good. 59 00:04:03,530 --> 00:04:14,210 OK, so initially it is going to have the value of 20, you want to be 20 digits long, so give it a 60 00:04:14,210 --> 00:04:16,490 password of 20 initial state of 20. 61 00:04:16,970 --> 00:04:20,820 Now we have two pieces of state now the third piece is going to be four cases. 62 00:04:21,200 --> 00:04:22,100 So const. 63 00:04:26,400 --> 00:04:27,210 Uppercase. 64 00:04:29,550 --> 00:04:33,390 And so the function that is going to be set up is. 65 00:04:36,750 --> 00:04:42,870 So we have a second piece that is going to be uppercase and set up a case which is going to be equal 66 00:04:42,870 --> 00:04:44,700 to a U.S. state. 67 00:04:46,260 --> 00:04:47,970 And initially, we want it to be true. 68 00:04:48,490 --> 00:04:56,640 We assume that I use has already checked that particular box that they want the state to know the next 69 00:04:56,640 --> 00:04:57,200 is going to be for. 70 00:04:57,630 --> 00:04:59,010 So let me just copy this. 71 00:05:01,100 --> 00:05:03,350 And they said for. 72 00:05:05,420 --> 00:05:09,320 Lowercase and phone numbers, four symbols. 73 00:05:10,350 --> 00:05:12,300 So a second one is going to hold the value. 74 00:05:18,810 --> 00:05:19,560 Lowercase. 75 00:05:21,530 --> 00:05:22,100 And. 76 00:05:23,990 --> 00:05:29,810 After the kids are going to have numbers to get rid of this numbers. 77 00:05:30,980 --> 00:05:31,970 Said numbers. 78 00:05:39,260 --> 00:05:41,480 Now, after they said, no, they're going to have a semblance. 79 00:05:46,020 --> 00:05:48,000 Symbols then set symbols. 80 00:05:59,910 --> 00:06:02,620 OK, so we have our states now. 81 00:06:03,830 --> 00:06:08,340 Now it's safe, so we have got all the states that we need now you need to configure a password. 82 00:06:08,850 --> 00:06:12,360 But for a password to be made, we need characters, right? 83 00:06:12,370 --> 00:06:15,420 And we don't expect the user to supply us with all the characters. 84 00:06:15,690 --> 00:06:20,070 So for that purpose, we have already made the characters Georgia sex that is going to supply to us 85 00:06:20,400 --> 00:06:22,530 the characters that we need for our application. 86 00:06:22,710 --> 00:06:27,840 For example, we would be needing all the numbers from one to 10 from one two zero nine and all the 87 00:06:27,840 --> 00:06:32,280 characters from ABCD to Z and all the special cases. 88 00:06:32,730 --> 00:06:35,070 Now, if you're wondering that if within two Typekit. 89 00:06:35,370 --> 00:06:38,160 Well, we have already provided you with a file. 90 00:06:38,400 --> 00:06:41,400 If you just take a look at the file that isn't provided to you. 91 00:06:43,390 --> 00:06:48,370 So we are having all the characters that we need, so all you just need to do is copy this particular 92 00:06:48,370 --> 00:06:48,670 file. 93 00:06:51,240 --> 00:06:52,840 And based on characters missed. 94 00:06:53,460 --> 00:06:57,990 So basically, what's the purpose of this fight is that it is going to supply us with all the characters, 95 00:06:57,990 --> 00:07:03,420 for example, the numbers from zero to nine, from uppercase letters, from A to Z, from other cases 96 00:07:03,420 --> 00:07:05,790 and then located on all the special characters. 97 00:07:06,570 --> 00:07:09,000 So now hit, save and close up your characters. 98 00:07:09,000 --> 00:07:09,840 Dodgy GSX. 99 00:07:11,590 --> 00:07:16,510 Now will be setting up a password as well as a password length, so let's add methods into our application 100 00:07:16,510 --> 00:07:18,970 so that we can complete that application.