From the course: React: Cloud-Powered Apps with Firebase
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Admin interface: Users page
From the course: React: Cloud-Powered Apps with Firebase
Admin interface: Users page
- [Instructor] Now that we have used the Firebase Admin SDK to set custom claims for an admin user, it is time to start developing our admin interface which will allow the admin user to see all of the registered users and view and edit the profile data. Let's start by creating a new users page, and call it Users.js. Let's create our component here. We'll call this users. And for now let's just return a div with the text users in that div. Before adding a new route to our application, we need to do some work in UserProvider.js, the high order component, where we define the user context and where we get access to the user session. Here, we will want to get information about any custom claims in the user. In particular, we will check for the admin custom claim we previously set. So in addition to the user, let's add another property, isAdmin, and the initial value will be false. Now in the off state change callback, we…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
Firebase ID tokens6m
-
(Locked)
Setting Firebase custom claims6m 22s
-
(Locked)
Admin interface: Users page8m 37s
-
(Locked)
Admin interface: Read user collection5m 41s
-
(Locked)
Admin interface: Render user collection2m 32s
-
(Locked)
Challenge: View user profile with admin31s
-
(Locked)
Solution: View user profile with admin1m 48s
-
-
-
-