1
00:00:00,990 --> 00:00:05,490
So we're not to be adding handle Simon property to our farm, so for that purpose, just move above

2
00:00:05,490 --> 00:00:10,110
your written statement and create a constant and just name it, handle it.

3
00:00:14,670 --> 00:00:21,810
It is going to be an out of function, and it is going to take up an event which is again going to hand

4
00:00:22,080 --> 00:00:24,930
some of the properties now or prevent default.

5
00:00:27,370 --> 00:00:34,390
So what it will do is that it sends it to form the base properties that it is going to refresh our entire

6
00:00:34,390 --> 00:00:38,290
page, so either prevent default is going to predict from that.

7
00:00:40,450 --> 00:00:42,340
Default refreshment of a page.

8
00:00:43,300 --> 00:00:46,150
Now let's just move it into a try catch block.

9
00:00:49,940 --> 00:00:51,550
And we just put up an error.

10
00:00:51,920 --> 00:00:57,320
If America is what I want to do is that I just go to the console.log and said that.

11
00:00:58,010 --> 00:01:01,040
And before you do that, change the error status.

12
00:01:01,460 --> 00:01:03,140
So we'll just sit at a.

13
00:01:05,620 --> 00:01:06,640
Equal to our area.

14
00:01:12,170 --> 00:01:14,120
And after this year's Council, A.

15
00:01:17,870 --> 00:01:21,470
No, in our tribe, look, what they're going to do is that set up multiple states.

16
00:01:21,800 --> 00:01:28,430
So if this first is going to be left colors, we assign colors a property of new values.

17
00:01:32,570 --> 00:01:34,530
Which is again, going to take up color.

18
00:01:40,380 --> 00:01:44,220
And all a parameter of 10, because initially one, 10.

19
00:01:44,610 --> 00:01:47,370
So all values, it should be values.

20
00:01:48,210 --> 00:01:49,530
Now will be setting up our state.

21
00:01:50,670 --> 00:01:51,770
So a set of.

22
00:01:53,350 --> 00:01:54,310
Should we call to?

23
00:01:56,770 --> 00:02:00,970
Well, it should be said let's not collapse because we are not setting policy now is, I think, the

24
00:02:00,970 --> 00:02:01,360
list.

25
00:02:03,190 --> 00:02:04,030
Sectors.

26
00:02:05,820 --> 00:02:09,510
OK, so we have added handlers and property function to Iraq.

27
00:02:09,890 --> 00:02:11,730
Now it's time to give on merit.

28
00:02:12,270 --> 00:02:18,840
So in our foreign component, we just give it our own submit and submit, not suspend.

29
00:02:19,530 --> 00:02:21,720
It should be equipped to handle some.

30
00:02:23,800 --> 00:02:24,520
Now I had to.

31
00:02:25,540 --> 00:02:27,940
And we have configured our app funnel.

32
00:02:29,840 --> 00:02:33,140
Now, this bit of more refactoring that we need to like, add value.

33
00:02:33,620 --> 00:02:40,100
This is where they're going to hold the property or the state color, and it needs to have another property

34
00:02:40,100 --> 00:02:41,480
that is own change property.

35
00:02:41,870 --> 00:02:45,560
So we'll give it to orange property and this is going to be another function.

36
00:02:46,460 --> 00:02:51,950
And what it's going to take is that an event and we want to target our said.

37
00:02:51,950 --> 00:02:56,060
Carla said that it should be equal to either target or value.

38
00:03:00,890 --> 00:03:04,400
So now we have refactor the code that we needed.

39
00:03:04,910 --> 00:03:12,400
Now it's time to move into a other company that is certainly a single component, but before we do that,

40
00:03:12,410 --> 00:03:21,320
before we just write any coding as a single component, I would like to refactor util strategies because

41
00:03:21,320 --> 00:03:22,220
we are going to need it.

42
00:03:22,250 --> 00:03:28,540
So just move into it, address and remove their dashboard from your explorer.

43
00:03:29,420 --> 00:03:35,510
Now what I want to do is that create a function, and inside this function, we are going to name it

44
00:03:35,750 --> 00:03:37,550
as hex converter.

45
00:03:41,030 --> 00:03:44,660
And it is going to take a bath in that argument, let's see.

46
00:03:45,120 --> 00:03:52,220
And what dysfunction is going to do is convert our values to hexadecimal values, so let's create a

47
00:03:52,220 --> 00:03:53,120
variable and name it.

48
00:03:54,080 --> 00:03:57,230
It should be cool to see dot to a string.

49
00:03:58,460 --> 00:04:02,120
And since we're trying to convert into excited somebody to just pass it.

50
00:04:02,270 --> 00:04:02,870
16.

51
00:04:07,000 --> 00:04:10,720
So give it 16 and about on this very bitter turning.

52
00:04:11,940 --> 00:04:14,430
This and it picks the dirt lint.

53
00:04:17,640 --> 00:04:18,390
Equal to.

54
00:04:19,410 --> 00:04:21,720
One then we wanted it on zero.

55
00:04:22,530 --> 00:04:23,970
Otherwise we won't return.

56
00:04:26,200 --> 00:04:26,710
X.

57
00:04:29,340 --> 00:04:35,460
So if the hexavalent equal to one, then we want to return zero plus hex, otherwise they won't return

58
00:04:35,460 --> 00:04:37,660
just simple hex hex value.

59
00:04:37,680 --> 00:04:40,860
No, it's safe and we're going to use this hex converter.

60
00:04:40,860 --> 00:04:44,850
Then there's going to be another function into our app and let's just name it.

61
00:04:50,180 --> 00:04:51,350
IGB two Hex.

62
00:04:57,520 --> 00:05:05,800
And this is going to take a three arguments red, a green and blue nine, the algae be what need to

63
00:05:05,800 --> 00:05:07,150
do is that will be returning.

64
00:05:08,420 --> 00:05:17,360
And using a hex converter in a RGV to DB to Hex, so we just to return and inside this return, what

65
00:05:17,360 --> 00:05:22,790
they're going to do is that we'll be calling about hex converter and replacing it at.

66
00:05:25,920 --> 00:05:27,270
And a G and a B.

67
00:05:40,620 --> 00:05:45,000
And we'll be exporting IGP to now, so just to export the world.

68
00:05:51,640 --> 00:05:53,530
So we have made a few deals for it or not.

69
00:05:54,100 --> 00:05:58,510
Now let's just move into a single color component and configure it.