)
}
```
Integrate setAuthenticated into your login and logout flow, here is an example of a login flow:
```tsx
// Login.tsx
import React from 'react';
import { AuthContext } from "nexus-widgets";
function Login(props: RouteComponentProps) {
const { setAuthenticated } = React.useContext(AuthContext);
return (
);
}
```
Integrate setUserPhotoURL into your user photo update logic:
```tsx
// Profile.tsx
import React from 'react';
import { AuthContext } from "nexus-widgets";
function Profile () {
const { setUserPhotoURL } = React.useContext(AuthContext);
return (
);
}
```
Integrate header component to your app:
```tsx
// Layout.tsx
import React from 'react';
import {Header, AuthContext} from "nexus-widgets"
function Layout(props: RouteComponentProps) {
const { userPhotoURL } = React.useContext(AuthContext);
const handleMenu =()=>{
}
const handleInputChange =(value)=>{
}
return (
{children}
);
}
```
---
_Source: https://npm.io/package/nexus-widgets · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._