diff options
author | Vitaly Takmazov | 2022-10-31 22:48:30 +0300 |
---|---|---|
committer | Vitaly Takmazov | 2023-01-13 10:37:58 +0300 |
commit | 8887e1b51565b992f34c955c459125eb85b28483 (patch) | |
tree | 7fc8130f523014864e2d60aa9628e7a7ee7e7dd5 /vnext/src/ui/Settings.js | |
parent | fc96a9a206a825171da87a7f23cc2ea16b1d645d (diff) |
`useVisitor` hook
Diffstat (limited to 'vnext/src/ui/Settings.js')
-rw-r--r-- | vnext/src/ui/Settings.js | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/vnext/src/ui/Settings.js b/vnext/src/ui/Settings.js index ccafffa3..3ae33567 100644 --- a/vnext/src/ui/Settings.js +++ b/vnext/src/ui/Settings.js @@ -6,11 +6,13 @@ import Button from './Button'; import Icon from './Icon'; import UploadButton from './UploadButton'; import Avatar from './Avatar'; +import { useVisitor } from './VisitorContext'; /** - * @param {{ visitor: import('../api').SecureUser, onChange: function }} props + * @param {{ onChange: Function }} props */ -function ChangeAvatarForm({ visitor, onChange }) { +function ChangeAvatarForm({ onChange }) { + const [visitor] = useVisitor(); const [avatar, setAvatar] = useState(''); const [preview, setPreview] = useState(); const avatarInput = useRef(); @@ -53,9 +55,11 @@ function ChangeAvatarForm({ visitor, onChange }) { } /** - * @param {{ visitor: import('../api').SecureUser, onChange: function }} props + * @param {{ onChange: Function }} props */ -export default function Settings({ visitor, onChange }) { +export default function Settings({ onChange }) { + + const [visitor] = useVisitor(); let passwordChanged = (event) => { console.log('password changed'); @@ -100,7 +104,7 @@ export default function Settings({ visitor, onChange }) { <div className="msg-cont"> <fieldset> <legend><Icon name="ei-user" size="m" />Changing your avatar</legend> - <ChangeAvatarForm visitor={visitor} onChange={onChange} /> + <ChangeAvatarForm onChange={onChange} /> </fieldset> <fieldset> <legend><Icon name="ei-unlock" size="m" />Changing your password</legend> |