Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added nickname to local storage

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-04-15 20:18:59 +10:00
parent 16ba3c3a63
commit 64f284ebb7
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/helpers/useNickname.js Normal file
View File

@ -0,0 +1,16 @@
import { useEffect, useState } from "react";
import { getRandomMonster } from "./monsters";
function useNickname() {
const [nickname, setNickname] = useState(
localStorage.getItem("nickname") || getRandomMonster()
);
useEffect(() => {
localStorage.setItem("nickname", nickname);
}, [nickname]);
return { nickname, setNickname };
}
export default useNickname;

4
src/routes/Game.js
View File

@ -10,7 +10,7 @@ import { useParams } from "react-router-dom";
import { omit, isStreamStopped } from "../helpers/shared";
import useSession from "../helpers/useSession";
import { getRandomMonster } from "../helpers/monsters";
import useNickname from "../helpers/useNickname";
import Party from "../components/Party";
import Tokens from "../components/Tokens";
@ -74,7 +74,7 @@ function Game() {
}
}
const [nickname, setNickname] = useState(getRandomMonster());
const { nickname, setNickname } = useNickname();
const [partyNicknames, setPartyNicknames] = useState({});
function handleNicknameChange(nickname) {