1 00:00:00,150 --> 00:00:06,960 In this part, we are going to fix the message components such that we are not just sending these simple 2 00:00:06,960 --> 00:00:10,850 tasks, we are going to display the message with a shape. 3 00:00:11,340 --> 00:00:19,480 So now we go to the message component and then we already passed a user I.D. and also the current USAID. 4 00:00:19,530 --> 00:00:26,620 So the first thing is we are going to check whether this message is from the Kurban user. 5 00:00:27,270 --> 00:00:33,700 So if the message is from Karen user, we will paste is on the right side. 6 00:00:34,080 --> 00:00:36,780 Otherwise, we will post this on the left side. 7 00:00:38,100 --> 00:00:51,960 So for us, we're going to like each current user use ICO to force and then we check if user ID. 8 00:00:53,960 --> 00:00:57,640 Keith Chipo echo to occur do it. 9 00:00:58,520 --> 00:01:02,570 If this is the same, then we realize that this terrible to be true. 10 00:01:04,530 --> 00:01:12,510 So based on this variable, we are going to return a different type of bubbles, so here we are going 11 00:01:12,510 --> 00:01:22,620 to check if the current user is equal to a true if is equal to a true, we will display some deep and 12 00:01:22,620 --> 00:01:26,470 otherwise we will do create another type of bubbles. 13 00:01:26,940 --> 00:01:30,180 So first we add the cost name as Mike. 14 00:01:32,240 --> 00:01:38,690 And if the message is not from current USA, we are going to participate on the left side. 15 00:01:39,710 --> 00:01:47,540 So we also need to drop this name and pass away another day and we give another class name as. 16 00:01:51,060 --> 00:01:59,250 And we also add another paragraph with the cast name as Stand by Me, and then we paste these elements 17 00:01:59,250 --> 00:02:00,770 inside a paragraph. 18 00:02:01,890 --> 00:02:10,110 And actually this kind of success is I copy PharmD some reference and later I will put the reference 19 00:02:10,110 --> 00:02:10,770 to the link. 20 00:02:11,280 --> 00:02:14,100 So we copied and pasted it here. 21 00:02:14,220 --> 00:02:22,660 And then we put this as left and then we also cockatiels and we pastry's Raev opponent. 22 00:02:23,940 --> 00:02:30,360 Now, if you look at the message, we already can see if this is strong, already displayed on the right 23 00:02:30,360 --> 00:02:37,230 hand side, if this is from Tommy displayed on the left hand side, because at this moment, my name 24 00:02:37,230 --> 00:02:37,800 is John. 25 00:02:37,920 --> 00:02:43,110 Now we can deduce this unnecessary tests on the features. 26 00:02:44,410 --> 00:02:52,380 And we can also the is variable and also delete this use of it, because we do not need this to test. 27 00:02:53,380 --> 00:02:59,430 So now we can copy this message of success and then on the top, we are going to import this. 28 00:02:59,800 --> 00:03:00,160 Yes. 29 00:03:00,300 --> 00:03:00,580 Yes. 30 00:03:02,950 --> 00:03:12,580 Now, you can see this already showed as the message pop out and actually this is a copy from here and 31 00:03:12,820 --> 00:03:22,060 I will put this to the link and I just make some amendments on some of the test sites and also. 32 00:03:25,520 --> 00:03:33,740 We also copy some from here, so I mixed these two sisters to become my own success successful so you 33 00:03:33,740 --> 00:03:35,520 can take this as a reference. 34 00:03:35,840 --> 00:03:41,660 And so now we already great success and now we can go to the next part.