Move Initials Authentication with airSlate SignNow

Merge initials authorization

all right then so in the last lesson we saw that we can log in with the user and then when we do that we update our global auth state using the auth context to reflect that user so it has an email property on it and also the token and also inside local storage we have this user key as well which has the same information the email and the token so we're storing that token in local storage so the user is logged into the application however when we refresh the page that user becomes null again so essentially react is seeing us as being logged out even though we still have this information in local storage we still have their token and email so really we should still be logged in so what we need to do is tell react to take a look inside local storage when we first load up the website to see if we have that user property and that token and if we do then we can update our auth context state to reflect that so that react sees us as logged in now before we actually solve this problem i want to show you why it could be a problem so i'm going to go to the nav bar and what i'm going to do is output the user's email right here next to this button now in order to access the user email i need to access that global auth state so we need to import the use auth context hook to consume that so this hook right here so let's do that at the top so we import use auth context from the hooks folder use auth context and now down here we can grab the user from that so const user is equal to use auth context all right so we have the user and now we could output the user email down here next to the button so let's do that inside a spam tag so user dot email because we have that email property on it remember so when we're logged in it should show the user's email next to the button now another thing we have to do is conditionally output this and also this so that when a user is logged in then we output this and when a user is not logged in then we output this because if we try to output this when a user is not logged in well user is null and we're going to get an error because we can't have an email property on no so we have to check that the user exists or is logged in first of all and we have a value for it in order to put this stuff out so let's do that i'm going to do curly braces and i'll say user double ampersand and then i want parentheses to return some kind of template and i'm going to scoot...