1
00:00:00,390 --> 00:00:06,120
In our app now, which is 90 percent complete, we can search for images which are being displayed a

2
00:00:06,120 --> 00:00:10,440
list of 20 images at present images.

3
00:00:10,920 --> 00:00:18,840
My apologies and I can search for a particular emoji or like a horse or perhaps a tiger, and it will

4
00:00:18,840 --> 00:00:19,380
be shown to us.

5
00:00:19,380 --> 00:00:26,130
But the only piece of code that remains untouched is the ability to click and copy the particular image,

6
00:00:26,130 --> 00:00:26,420
right?

7
00:00:26,430 --> 00:00:32,780
So for that purpose, we'll be taking the help of another library from the library from and PM, and

8
00:00:32,790 --> 00:00:35,790
that is the clipboard library.

9
00:00:35,850 --> 00:00:42,870
So for that purpose, just move into your co-editor, open up your terminal and will be installing another

10
00:00:42,870 --> 00:00:46,500
library and then you with this library is going to be clipboard.

11
00:00:47,100 --> 00:00:54,180
So you need to run the command npm install clipboard now, until terminal is open, just run the command

12
00:00:54,180 --> 00:00:57,840
npm install clipboard.

13
00:01:00,760 --> 00:01:08,140
So one thing have actually downloaded your or installed the clipboard now it's time to import it into

14
00:01:08,140 --> 00:01:10,120
our application, so that's what we'll do.

15
00:01:10,130 --> 00:01:13,450
So the first step is to import Clipboard into our application.

16
00:01:13,810 --> 00:01:17,080
So just move into emoji results and import.

17
00:01:18,500 --> 00:01:19,330
Your clipboard?

18
00:01:22,540 --> 00:01:23,770
From Global.

19
00:01:28,780 --> 00:01:34,780
OK, once they've imported it now, it'll be just initializing a clipboard in accompanying Vermont,

20
00:01:35,620 --> 00:01:38,500
which is again a I look so in component moan.

21
00:01:39,220 --> 00:01:41,320
They just created this their clipboard.

22
00:01:45,620 --> 00:01:47,240
This is going to be called the nuclear board.

23
00:01:49,360 --> 00:01:54,700
And the place again target is let's just name this place as copycat.

24
00:01:59,170 --> 00:02:01,840
Now again, this there has to be a hyphen between them.

25
00:02:03,100 --> 00:02:07,390
Now what is being mounted is supposed to be mounted, right, so.

26
00:02:07,780 --> 00:02:13,690
Because if not, it is going to create a memory stick for us, which might not be good for any application.

27
00:02:13,690 --> 00:02:21,400
So we'll just call it another matter that this component will mount and inside this will just destroy

28
00:02:21,400 --> 00:02:21,690
this.

29
00:02:21,690 --> 00:02:22,930
So this dark clipboard?

30
00:02:24,090 --> 00:02:26,220
And it is set to destroy.

31
00:02:28,290 --> 00:02:35,100
OK, so we are successfully mounting it and mounting it now because we do not want any sort of issues

32
00:02:35,100 --> 00:02:35,670
with that app.

33
00:02:35,880 --> 00:02:42,660
Now move into an immediate results show and inside pairing of the first element.

34
00:02:42,660 --> 00:02:46,530
If you might see this will be assigning it the class of copied.

35
00:02:48,190 --> 00:02:50,290
And apart from this, they'll also be targeting.

36
00:02:52,490 --> 00:02:55,940
Data, not clipboard or text.

37
00:03:02,930 --> 00:03:04,580
Text, which is it going to be equal to?

38
00:03:06,560 --> 00:03:07,010
Symbol.

39
00:03:10,630 --> 00:03:11,920
So now we are all set.

40
00:03:12,520 --> 00:03:17,020
Let's take a look into our application, so to see that whether it's working or not.

41
00:03:17,530 --> 00:03:20,830
So let's go into a browser and.

42
00:03:21,760 --> 00:03:25,840
If I just click on one particular emoji, for example, if I just click on joy.

43
00:03:27,000 --> 00:03:30,990
And it is going to be copied into a clipboard now if I just head back to it.

44
00:03:31,020 --> 00:03:32,460
Such emoji and pasted over there.

45
00:03:33,090 --> 00:03:39,190
So we are successfully able to paste it into our input styles and we can paste it at any other place.

46
00:03:39,210 --> 00:03:42,030
So now our app is complete, now it's time for its deployment.