jeffemmett
/
daily-examples
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #43 from harshithpabbati/storage-name 

Store and get name of the participant from localstorage
This commit is contained in:
Jon Taylor 2022-01-04 13:53:32 +00:00 committed by GitHub
parent 8508b48998 7a09e7cdee
commit 96b6b731c4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
custom/shared/components/HairCheck/HairCheck.js
View File

@ -38,7 +38,9 @@ export const HairCheck = () => {
const [waiting, setWaiting] = useState(false);
const [joining, setJoining] = useState(false);
const [denied, setDenied] = useState();
const [userName, setUserName] = useState('');
const [userName, setUserName] = useState(
localStorage.getItem('PLUOT_PARTICIPANT_NAME') || ''
);
// Initialise devices (even though we're not yet in a call)
useEffect(() => {
@ -72,6 +74,7 @@ export const HairCheck = () => {
if (granted) {
// Note: we don't have to do any thing here as the call state will mutate
console.log('👋 Access granted');
localStorage.setItem('PLUOT_PARTICIPANT_NAME', userName);
} else {
console.log('❌ Access denied');
setDenied(true);
@ -187,6 +190,7 @@ export const HairCheck = () => {
placeholder="Enter display name"
variant="dark"
disabled={joining}
value={userName}
onChange={(e) => setUserName(e.target.value)}
/>
<Button