1
00:00:00,990 --> 00:00:06,360
Now we'll be adding those pop ups that are going to appear on our screen whenever there is an action.

2
00:00:06,720 --> 00:00:10,500
For example, if I just copy wind and pop up the toast, that should appear.

3
00:00:10,740 --> 00:00:11,580
We'll be adding them.

4
00:00:12,120 --> 00:00:17,700
And as you might recall, that we have already installed one dependency into our application if I just

5
00:00:17,700 --> 00:00:19,550
go to a package adjacent file.

6
00:00:20,190 --> 00:00:27,690
So React justifies the and being package that we have installed that is going to help us to create an

7
00:00:27,690 --> 00:00:28,320
application.

8
00:00:28,470 --> 00:00:33,000
So for that purpose, head to your inputs, headers and import toast.

9
00:00:34,200 --> 00:00:35,160
So important.

10
00:00:37,210 --> 00:00:39,570
And that is from a reactive departure, right?

11
00:00:39,580 --> 00:00:42,950
So let's import area, those from the if I.

12
00:00:50,690 --> 00:00:56,330
Now, once time important, you also need to base this particular statement that says that.

13
00:00:58,050 --> 00:01:04,150
Import reactors, the finest reactors, the TSA, so basically this is the surface properties of our

14
00:01:04,150 --> 00:01:04,510
toes.

15
00:01:05,100 --> 00:01:09,340
Now we're redefining a toast function and let's just call it not.

16
00:01:10,170 --> 00:01:15,240
So right below your copy method will be creating our toast method.

17
00:01:16,260 --> 00:01:18,510
So let me just drag it down.

18
00:01:18,990 --> 00:01:22,350
Now let's create a contest and testify.

19
00:01:22,890 --> 00:01:26,210
But perhaps let's name it, and they have it's notice.

20
00:01:31,420 --> 00:01:33,520
So basically, these are notifications.

21
00:01:37,110 --> 00:01:40,980
No, this is going to be an out of function and it is going to take up two parameters.

22
00:01:42,980 --> 00:01:48,230
The one is going to be the message and there's going to be has error or error.

23
00:01:48,330 --> 00:01:52,280
Maybe there is going to specify if we have any sort of error.

24
00:01:53,000 --> 00:01:56,330
So this message then again, is supposed to be an error function.

25
00:02:00,250 --> 00:02:07,390
Now we'll be creating a notice matter, so if error is true.

26
00:02:09,130 --> 00:02:14,890
So if our error is true, what they want is that initially we want the errors to be false.

27
00:02:15,400 --> 00:02:19,360
We did not want them and do so allow assign it to a value false.

28
00:02:19,720 --> 00:02:24,520
Now, if the error is true, what we want is that we want toast.

29
00:02:27,320 --> 00:02:29,270
The error.

30
00:02:32,010 --> 00:02:38,160
And it is going to take up our message, and once it has taken our message, we are going to restructure

31
00:02:38,190 --> 00:02:44,100
certain data, so create two collaborators, and once they are done, we'll give it a position.

32
00:02:49,990 --> 00:02:52,210
Of course, Bush and top senators or.

33
00:02:53,380 --> 00:02:56,380
So basically, we're defining the position where we want our toes to appear.

34
00:02:57,280 --> 00:02:57,730
So.

35
00:03:00,540 --> 00:03:01,800
It should be in all caps.

36
00:03:10,020 --> 00:03:10,770
Position.

37
00:03:12,510 --> 00:03:13,350
The top.

38
00:03:15,210 --> 00:03:23,610
Center all to one zero to find the position now in neutral divine order plus after how much time do

39
00:03:23,610 --> 00:03:24,480
you want to close it?

40
00:03:24,480 --> 00:03:28,830
So we want to close it after every five seconds, so give it five thousand.

41
00:03:31,930 --> 00:03:39,760
Right, after all, too closely with the hide progress was so I'd progress bar.

42
00:03:43,410 --> 00:03:46,530
Should be close to violence because you want a protest to be shown.

43
00:03:48,390 --> 00:03:54,900
And after that, progress bar will give it a one click so close on.

44
00:03:55,200 --> 00:04:04,200
Click when they click on closer to close, so they should be quick to drop and after closer and will

45
00:04:04,200 --> 00:04:05,640
be giving it pause on hover.

46
00:04:06,840 --> 00:04:10,170
So these properties are self explanatory.

47
00:04:10,170 --> 00:04:11,850
So War Zone have a.

48
00:04:17,440 --> 00:04:18,940
Which is going to be called a true.

49
00:04:22,030 --> 00:04:24,340
And after this, we're going to do with druggable.

50
00:04:29,020 --> 00:04:30,010
Which is going to be called to.

51
00:04:31,840 --> 00:04:37,270
And after this progress, we're going to put it on the undefined.

52
00:04:41,140 --> 00:04:43,480
All these should be common.

53
00:04:49,340 --> 00:04:54,420
So after this undefined, what we want is that will be closing it, so semicolon.

54
00:04:54,740 --> 00:04:55,430
Oh, come on.

55
00:04:56,840 --> 00:04:59,510
And now let's close it now.

56
00:04:59,510 --> 00:05:03,350
This is the case, then this in particular when there is some sort of error.

57
00:05:03,870 --> 00:05:05,180
What if there is not?

58
00:05:05,180 --> 00:05:09,500
So if there is no such error, then we that else.

59
00:05:09,500 --> 00:05:10,880
Let's put up a statement.

60
00:05:13,900 --> 00:05:16,150
Then what they want to you on the toast.

61
00:05:19,670 --> 00:05:22,490
And this time message.

62
00:05:24,280 --> 00:05:31,450
And this is going to have the same district, so give it the structure, the property and possession

63
00:05:31,450 --> 00:05:34,540
is going to be poison on top two and two and false.

64
00:05:35,320 --> 00:05:40,480
So let me just copy this and let's paste it over here.

65
00:05:43,500 --> 00:05:46,110
So we have a position tostop center.

66
00:05:46,590 --> 00:05:50,490
We have our auto close and five we have high progress by close to files.

67
00:05:50,490 --> 00:05:57,150
We have on closer clicking calls to drop us on how very close to druggable true and focus on the phone.

68
00:05:57,660 --> 00:05:59,670
So now we have set it up a toast.

69
00:05:59,710 --> 00:06:01,290
Now we need to configure it.

70
00:06:01,290 --> 00:06:04,950
So let me just configure our toast, not even configurator.

71
00:06:04,980 --> 00:06:07,770
So let's put a toast.

72
00:06:09,860 --> 00:06:11,540
The configure.

73
00:06:19,320 --> 00:06:21,100
All right, so we are excited about those.

74
00:06:21,120 --> 00:06:22,410
Now we need to call it right.

75
00:06:22,800 --> 00:06:29,400
So the first place are going to call our toast, whether or not this function is going to be in our

76
00:06:29,400 --> 00:06:29,840
alert.

77
00:06:30,750 --> 00:06:33,360
So here I then having an alert will be calling a notice.

78
00:06:34,110 --> 00:06:35,160
So let's call a.

79
00:06:39,000 --> 00:06:47,050
Narratives and apart from this, we also pass it, giving it another property that is going to be there,

80
00:06:47,050 --> 00:06:47,970
they're going to be true.

81
00:06:49,920 --> 00:06:54,090
So now this is the first place where we're calling our notice after this be.

82
00:06:54,180 --> 00:07:00,330
Now we are going to create another method inside a function that is going to help us to copy and call

83
00:07:00,330 --> 00:07:00,750
an order.

84
00:07:00,750 --> 00:07:06,150
So let's see if this function is to so that we can copy our data so we will be making this particular

85
00:07:06,150 --> 00:07:10,020
function and once call it is going to call our copy.

86
00:07:11,960 --> 00:07:14,660
It is going to color copy from Playbook.

87
00:07:15,740 --> 00:07:17,450
So let's call a function.

88
00:07:18,680 --> 00:07:20,030
Copy from Clipboard.

89
00:07:27,160 --> 00:07:30,100
All right, so after we have called this, we'll be calling on voters.

90
00:07:30,520 --> 00:07:31,560
So notice.

91
00:07:38,860 --> 00:07:42,820
And we're passing it a message that your messages.

92
00:07:45,440 --> 00:07:46,640
Your password?

93
00:07:50,890 --> 00:07:53,350
Has been copied.

94
00:07:53,950 --> 00:07:54,970
So this is a message.

95
00:07:55,330 --> 00:08:01,570
Now we need to assign this copy matter to a button, and that button is none other than a button generate

96
00:08:01,570 --> 00:08:03,880
password, so give it an click.

97
00:08:05,300 --> 00:08:09,230
And first, the value of a handle copy.

98
00:08:13,980 --> 00:08:15,390
And a copy.

99
00:08:16,440 --> 00:08:19,910
So, yeah, we have created a function now, let's take a look at.