1
00:00:00,240 --> 00:00:03,180
And just so we have some kind of sense of accomplishment.

2
00:00:03,690 --> 00:00:05,460
Why don't we shut up?

3
00:00:05,620 --> 00:00:06,600
Are a bridge.

4
00:00:06,930 --> 00:00:11,740
So if I navigate to an area, this is what I would want to display for or for.

5
00:00:12,040 --> 00:00:14,610
Sorry, the page you tried cannot be found.

6
00:00:15,130 --> 00:00:21,930
And, of course, some kind of link where we can navigate back somewhere on this, guys, we can navigate

7
00:00:21,930 --> 00:00:22,440
back home.

8
00:00:22,470 --> 00:00:28,110
But if we haven't logged, then then we're kicking back user to a log.

9
00:00:28,770 --> 00:00:29,460
How does that work?

10
00:00:29,550 --> 00:00:32,280
Well, may open up of these sidebar.

11
00:00:32,810 --> 00:00:36,360
We need to navigate to arrogates in the pages.

12
00:00:36,540 --> 00:00:38,880
So we have pages directory there.

13
00:00:38,880 --> 00:00:40,590
We have our address.

14
00:00:40,710 --> 00:00:43,180
Now, let me close the sidebar for the time being.

15
00:00:43,200 --> 00:00:46,440
I think I can close the read me as well as APJ.

16
00:00:46,460 --> 00:00:46,740
Yes.

17
00:00:47,090 --> 00:00:51,530
And then instead of this heading to that, we're returning now.

18
00:00:51,530 --> 00:00:56,460
I'd want to use my wrapper, which is, of course, my stock component.

19
00:00:57,060 --> 00:00:59,040
Essentially, I have all the styles.

20
00:00:59,500 --> 00:01:01,810
And let me remove my adding to right now.

21
00:01:02,400 --> 00:01:06,450
Like I said, I'm going to have my wrapper and then inside of the wrapper.

22
00:01:06,900 --> 00:01:13,480
I'm going to have some kind of div on line, having one with a value of four or four.

23
00:01:14,130 --> 00:01:19,230
Then having three with a text off sorry, the page.

24
00:01:19,290 --> 00:01:25,710
And let me add comma, the page you tried cannot be found.

25
00:01:26,070 --> 00:01:27,460
Beautiful online.

26
00:01:27,780 --> 00:01:29,040
We need to have a link.

27
00:01:29,420 --> 00:01:31,020
So for timing, let's just say it.

28
00:01:31,080 --> 00:01:32,220
Let's see what we're going to get.

29
00:01:32,460 --> 00:01:32,700
OK.

30
00:01:32,760 --> 00:01:33,600
We have four or four.

31
00:01:33,900 --> 00:01:38,340
Sorry, the page you tried cannot be found and now we need to have that link.

32
00:01:38,790 --> 00:01:42,570
That just allows us to navigate user somewhere.

33
00:01:43,210 --> 00:01:48,550
And in order to use that link, we need to import a link from the reactor our down.

34
00:01:48,790 --> 00:01:55,560
Notice how again, it is a named import and it's just looking for a two prop.

35
00:01:56,040 --> 00:02:00,480
So right below the heading three, let's place a link component.

36
00:02:00,930 --> 00:02:05,590
And then the prop that you're looking for is to add that in this too.

37
00:02:06,090 --> 00:02:07,800
We're just saying where you would want to navigate.

38
00:02:07,860 --> 00:02:14,910
And of course, it only makes sense if we add one of the routes that we set up.

39
00:02:15,390 --> 00:02:17,640
So, again, let me now get back to AB just a moment.

40
00:02:17,640 --> 00:02:18,150
What do we have?

41
00:02:18,600 --> 00:02:21,140
We have a forward slash and we have the log.

42
00:02:21,960 --> 00:02:26,250
So this is up to you where you'd want to kick back the user.

43
00:02:26,640 --> 00:02:29,910
So in my case, I'm going to kick it back to a homepage.

44
00:02:29,960 --> 00:02:34,840
However, if the user hasn't logged, then eventually we will set this up as a private route.

45
00:02:35,400 --> 00:02:36,150
Not at the moment.

46
00:02:36,180 --> 00:02:37,230
But eventually we will.

47
00:02:37,500 --> 00:02:43,320
Which just means that even though we're kicking back the user to our homepage, even the user hasn't

48
00:02:43,320 --> 00:02:43,970
logged in.

49
00:02:44,690 --> 00:02:47,910
We will kick him back even further to a logging page.

50
00:02:48,120 --> 00:02:49,890
But at this point, it's just a homepage.

51
00:02:50,310 --> 00:02:58,920
So I have my link component that I have a two prop and I'm just saying where I would want to navigate

52
00:02:58,950 --> 00:02:59,520
my user.

53
00:02:59,910 --> 00:03:04,710
And since I would want to add a little bit of styling, I'm going to use one of my global classes.

54
00:03:05,070 --> 00:03:07,510
So this is not coming from my sports component.

55
00:03:07,530 --> 00:03:09,500
This is coming from my index.

56
00:03:09,640 --> 00:03:09,780
Yes.

57
00:03:09,790 --> 00:03:11,880
That's where I have my global glasses.

58
00:03:11,880 --> 00:03:15,270
And I'm just going to say class and name and button as far as the text.

59
00:03:15,750 --> 00:03:18,640
We're going to say back home server.

60
00:03:19,200 --> 00:03:20,310
And of course, we have.

61
00:03:20,790 --> 00:03:25,160
So now you'll notice that if you are currently in the.

62
00:03:25,170 --> 00:03:26,820
Hello, what's your click?

63
00:03:27,440 --> 00:03:28,650
We are going to navigate back home.

64
00:03:28,890 --> 00:03:29,760
And of course, there is.

65
00:03:30,150 --> 00:03:32,900
Now we're back in the dashboard page.