1
00:00:20,410 --> 00:00:26,890
Now, head back into your dashboard and close off the dashboard that's now inside the dashboard before

2
00:00:26,890 --> 00:00:28,180
beginning a second section.

3
00:00:28,750 --> 00:00:33,460
We would like to have stayed in the application because we will be needing state into the second part

4
00:00:33,460 --> 00:00:34,690
of our dashboard.

5
00:00:35,170 --> 00:00:39,010
So for that purpose, let's import used data from the Act module.

6
00:00:48,600 --> 00:00:53,960
Now we have imported, you know, it's time to create state, and I will be having three sets of state,

7
00:00:53,970 --> 00:01:00,150
one is going to be four colors and other is going to handle errors and what is going to hold a list

8
00:01:00,150 --> 00:01:05,250
of all the colors that we are getting so that we can actually mark them in our event list.

9
00:01:05,880 --> 00:01:08,850
So for that purpose, let's create three set of states.

10
00:01:09,000 --> 00:01:10,920
So for us, it's going to be for either color.

11
00:01:15,210 --> 00:01:19,800
And I a function that is going to settle down and let's give it an initial value.

12
00:01:21,580 --> 00:01:22,660
Of an empty string.

13
00:01:26,280 --> 00:01:29,430
Now we have our first piece of state that is going to manage our colors.

14
00:01:29,910 --> 00:01:34,020
And apart from this, let's create another state of state and this is going to hold our ED.

15
00:01:36,910 --> 00:01:47,170
And set it as a setup function and other used it offers, because initially we do not have any sorts

16
00:01:47,170 --> 00:01:50,140
of errors, I just ordered into the error variable.

17
00:01:50,650 --> 00:01:53,470
Now apart from this, well, we will be creating a list.

18
00:01:53,710 --> 00:02:00,790
So let's just create a contact list and set up function for it and name of the set list and use state.

19
00:02:03,230 --> 00:02:09,560
And inside this Navy yard and requirement of an there was a library which is the world's largest.

20
00:02:09,600 --> 00:02:11,720
So let's first input our values to address.

21
00:02:12,860 --> 00:02:13,820
Which we have installed.

22
00:02:17,800 --> 00:02:23,920
And it's a no inside a new state of a third business will be just auditing new values.

23
00:02:25,170 --> 00:02:29,520
And give it a default value, which is going to be same as duty to retrieve.

24
00:02:33,650 --> 00:02:34,670
And put up all.

25
00:02:36,320 --> 00:02:43,190
Which is going to take an argument of often because he won't initially attend the list of elements to

26
00:02:43,200 --> 00:02:45,830
be displayed in a, you know, just hit save.

27
00:02:46,670 --> 00:02:49,910
And we are having all three pieces of state that we needed.

28
00:02:50,450 --> 00:02:55,520
Now it's time to configure our second section, which is going to be using these states.

29
00:02:56,600 --> 00:03:00,110
So now that our first section is ready, it's time to create a second section.

30
00:03:00,530 --> 00:03:07,910
And so the first thing that will do is import color list or the single color articulated in our previous

31
00:03:07,910 --> 00:03:08,330
section.

32
00:03:08,660 --> 00:03:12,110
So you might remember in our source directly, we have a dashboard and events list.

33
00:03:12,500 --> 00:03:16,100
Inside this evidence list, we have another component that a single color.

34
00:03:16,520 --> 00:03:18,170
So this is what are we importing now?

35
00:03:18,710 --> 00:03:19,910
So head to your.

36
00:03:21,970 --> 00:03:28,930
Dashboard and import single color from the event list and single color, and the next thing that will

37
00:03:28,930 --> 00:03:29,620
do is yes.

38
00:03:29,710 --> 00:03:32,020
It's just that they'll be mapping out colors.

39
00:03:32,950 --> 00:03:36,730
So heading to a section and we just put up a GSX expression.

40
00:03:37,150 --> 00:03:45,040
And inside this, let's just map a list element and map it in the passing of color, the arrow.

41
00:03:45,880 --> 00:03:49,420
Now inside this arrow will be returning statements, so let's just return.

42
00:03:53,990 --> 00:03:55,970
Nine scientists are going to be passing a single.

43
00:03:57,200 --> 00:04:02,090
At the moment, it is doing nothing but will be identical to a single color, then it is going to function

44
00:04:02,090 --> 00:04:04,820
properly and will give it all the colors.

45
00:04:07,720 --> 00:04:11,290
And after this collapse will also give it index.

46
00:04:13,970 --> 00:04:20,210
And a key property because he reacts when they yell at us, if there is no key properties after this

47
00:04:20,210 --> 00:04:24,910
collapse will also be parsing index, which is going to be unique.

48
00:04:27,310 --> 00:04:32,050
And the key should be off again, index and index should be of.

49
00:04:33,200 --> 00:04:33,790
And it's.

50
00:04:36,330 --> 00:04:42,450
Now, this is a split operator that is going to transfer a luckless property, this property to consist

51
00:04:42,450 --> 00:04:46,500
of three periods and after this index will also give it a hex color.

52
00:04:52,880 --> 00:04:54,800
This is going to be called the colored attacks.

53
00:04:57,710 --> 00:05:00,380
No, give it to self-loathing tag and hits if.

54
00:05:01,770 --> 00:05:06,660
So we are passing all that we need, and now it's time to add a class name to us.

55
00:05:07,970 --> 00:05:15,710
In protection, so head to your line number 15, which is the input text and remove this and blazer

56
00:05:16,490 --> 00:05:19,700
deliveries because again, you're putting up a GSF expression.

57
00:05:20,300 --> 00:05:26,870
And inside this world we're going to do is that will be using a state that is the area so that we can

58
00:05:26,870 --> 00:05:30,130
assign error property to it inside a class neighborhood.

59
00:05:30,140 --> 00:05:34,850
And to do is after this, Calabria says we're going to have another of codebase and put up a dollar

60
00:05:34,850 --> 00:05:41,450
sign in instructing and inside that give it an error in the text.

61
00:05:42,800 --> 00:05:50,480
And if the error is true, we warn that if an error is true, OK, these back should be outside.

62
00:05:53,040 --> 00:05:57,300
If the restroom, we want that air to be displayed on a US.

63
00:06:00,480 --> 00:06:03,390
And if it's not, then just to be returned.

64
00:06:04,410 --> 00:06:09,780
Now we have added class name to hide in protection and will be soon adding cases to it.

65
00:06:10,200 --> 00:06:12,350
So let's just head back to your dashboard.

66
00:06:13,890 --> 00:06:19,260
And what will do it is that will be adding relevant.

67
00:06:20,890 --> 00:06:23,550
Do it, but not now, let's just close it.