1 00:00:00,180 --> 00:00:08,100 At this moment, when we found out it was indeed a USA and without going to the log in page. 2 00:00:08,280 --> 00:00:11,720 So what we are going to do is do some conditional rendering. 3 00:00:12,090 --> 00:00:18,350 So when the user has been locked in yet, it will go to the inpatient automatically. 4 00:00:18,870 --> 00:00:23,950 So we back to the home and first we are going to import the redirect. 5 00:00:24,360 --> 00:00:28,920 And since we do not need to use the length, we can replace these with redirect. 6 00:00:30,170 --> 00:00:31,940 And then we go down to the. 7 00:00:33,150 --> 00:00:37,580 We're entering and right before render that we are going to attack the. 8 00:00:39,370 --> 00:00:48,170 There is no yuzu and we will return direct to the law in Page. 9 00:00:49,830 --> 00:00:58,620 So now you can see it will go to the login page and if we log in, we use it, we will go back to the 10 00:00:58,620 --> 00:00:59,360 homepage. 11 00:00:59,940 --> 00:01:09,150 And I think this is better to add a lot in tabs on the top of the page and also sign up at the same 12 00:01:09,160 --> 00:01:09,570 page. 13 00:01:09,720 --> 00:01:13,140 So we back to the log in and. 14 00:01:14,230 --> 00:01:20,200 Go to the first and then we type head and then we type. 15 00:01:22,740 --> 00:01:29,880 And then we go to a site up and we do the same thing and under the rope we tie up. 16 00:01:31,160 --> 00:01:41,240 Now you can see sign up and also log in and so what we are going to do now is we also want to render 17 00:01:41,900 --> 00:01:51,410 the Alberton brand we already saw in and only around the inside button where we already locked out so 18 00:01:51,410 --> 00:01:56,930 we can go to the layout folder and then we create two new components. 19 00:01:57,590 --> 00:02:05,660 One is the side in menu and the other is inside out menu. 20 00:02:09,160 --> 00:02:19,900 Now we are going to extract the owling so we have base and then we paste in Cairene Mannu, what we 21 00:02:19,900 --> 00:02:28,330 are going to do is if the user already site in Beirutis Alberton, but you will see there is a problem 22 00:02:28,330 --> 00:02:30,650 that we do not have the URL function. 23 00:02:30,670 --> 00:02:34,220 So we will pass this later. 24 00:02:34,270 --> 00:02:38,800 So we are going to the structure, the problem to get out. 25 00:02:39,720 --> 00:02:50,790 And we are going to cut these two stuff and then paste to the side our menu, and since you just have 26 00:02:51,900 --> 00:02:54,470 one component at a time, one element. 27 00:02:54,480 --> 00:03:03,720 So we have to use a fragment and then cut this and paste inside these frontmen. 28 00:03:04,670 --> 00:03:08,720 So now we back to the FBI and in court these two components. 29 00:03:09,350 --> 00:03:21,290 So now we in court decide in venue from the site in Manfield and depict this and change this to Syed. 30 00:03:23,030 --> 00:03:34,540 Old man menu, and then after our functions are going to create a brand new echo to if they use it, 31 00:03:35,150 --> 00:03:42,450 then we are going to dissipate a side in menu because the user already locked in. 32 00:03:42,470 --> 00:03:46,490 So we have to use so we will display their side in menu. 33 00:03:47,520 --> 00:03:51,560 And if you remember, this has a lot of information. 34 00:03:51,590 --> 00:03:57,020 So we are going to post a lot O functions to this component. 35 00:03:57,440 --> 00:04:03,200 And if there's no user here, we are going to render the thighed our menu. 36 00:04:05,440 --> 00:04:14,890 So now we can delete this and then we put the manual here and also under the northerlies, we are going 37 00:04:14,890 --> 00:04:16,650 to put the manual. 38 00:04:18,010 --> 00:04:22,540 So now at this stage, you can see we already locked out. 39 00:04:22,550 --> 00:04:30,760 So this just has to lock in and sign up buttons and even where to be using the full screen. 40 00:04:32,110 --> 00:04:36,610 So we try to log in and now you can see we just have to lock up a tent. 41 00:04:36,970 --> 00:04:43,800 And if we lower the size of the browser, you also just see the lock out buttons. 42 00:04:43,930 --> 00:04:47,890 So now we try to log out and see where it can go to the log in page. 43 00:04:48,670 --> 00:04:52,390 So where we lock out, it will go to the log in page.