aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/ui/Settings.js
diff options
context:
space:
mode:
Diffstat (limited to 'vnext/src/ui/Settings.js')
-rw-r--r--vnext/src/ui/Settings.js100
1 files changed, 50 insertions, 50 deletions
diff --git a/vnext/src/ui/Settings.js b/vnext/src/ui/Settings.js
index 380d8ff6..1205cd49 100644
--- a/vnext/src/ui/Settings.js
+++ b/vnext/src/ui/Settings.js
@@ -1,46 +1,46 @@
-import { Fragment, useState, useRef } from 'react';
+import { Fragment, useState, useRef } from 'react'
-import { me, updateAvatar } from '../api';
+import { me, updateAvatar } from '../api'
-import Button from './Button';
-import Icon from './Icon';
-import UploadButton from './UploadButton';
-import Avatar from './Avatar';
-import { useVisitor } from './VisitorContext';
-import { Helmet } from 'react-helmet';
+import Button from './Button'
+import Icon from './Icon'
+import UploadButton from './UploadButton'
+import Avatar from './Avatar'
+import { useVisitor } from './VisitorContext'
+import { Helmet } from 'react-helmet'
/**
* @param {{ onChange: Function }} props
*/
function ChangeAvatarForm({ onChange }) {
- const [visitor] = useVisitor();
- const [avatar, setAvatar] = useState('');
- const [preview, setPreview] = useState();
- const avatarInput = useRef();
+ const [visitor] = useVisitor()
+ const [avatar, setAvatar] = useState('')
+ const [preview, setPreview] = useState()
+ const avatarInput = useRef()
let avatarChanged = (newAvatar) => {
- setAvatar(newAvatar);
- setPreview('');
+ setAvatar(newAvatar)
+ setPreview('')
if (newAvatar) {
- let reader = new FileReader();
+ let reader = new FileReader()
reader.onloadend = (preview) => {
- setPreview(preview.target.result);
- };
- reader.readAsDataURL(avatarInput.current.files[0]);
+ setPreview(preview.target.result)
+ }
+ reader.readAsDataURL(avatarInput.current.files[0])
}
- };
- let previewUser = { ...visitor, uname: '<preview>' };
+ }
+ let previewUser = { ...visitor, uname: '<preview>' }
if (preview) {
- previewUser = { ...visitor, avatar: preview, uname: '<preview>' };
+ previewUser = { ...visitor, avatar: preview, uname: '<preview>' }
}
let onSubmitAvatar = async (event) => {
if (event.preventDefault) {
- event.preventDefault();
+ event.preventDefault()
}
- await updateAvatar(avatarInput.current.files[0]);
- avatarChanged('');
- let visitor = await me();
- onChange(visitor);
- };
+ await updateAvatar(avatarInput.current.files[0])
+ avatarChanged('')
+ let visitor = await me()
+ onChange(visitor)
+ }
return (
<form>
<small>Recommendations: PNG, 96x96, &lt;50Kb. Also, JPG and GIF supported.</small>
@@ -50,7 +50,7 @@ function ChangeAvatarForm({ onChange }) {
<Avatar user={previewUser} />
<Button onClick={onSubmitAvatar}>Update</Button>
</form>
- );
+ )
}
/**
@@ -58,47 +58,47 @@ function ChangeAvatarForm({ onChange }) {
*/
export default function Settings({ onChange }) {
- const [visitor] = useVisitor();
+ const [visitor] = useVisitor()
let passwordChanged = () => {
- console.log('password changed');
- };
+ console.log('password changed')
+ }
let onSubmitPassword = (event) => {
if (event.preventDefault) {
- event.preventDefault();
+ event.preventDefault()
}
- console.log('password update');
- };
+ console.log('password update')
+ }
let emailChanged = () => {
- console.log('email update');
- };
+ console.log('email update')
+ }
let disableTelegram = () => {
- console.log('telegram disable');
- };
+ console.log('telegram disable')
+ }
let disableFacebook = (event) => {
if (event.preventDefault) {
- event.preventDefault();
+ event.preventDefault()
}
- console.log('facebook disable');
- };
+ console.log('facebook disable')
+ }
let enableFacebook = (event) => {
if (event.preventDefault) {
- event.preventDefault();
+ event.preventDefault()
}
- console.log('facebook enable');
- };
+ console.log('facebook enable')
+ }
let disableTwitter = () => {
- console.log('twitter disable');
- };
+ console.log('twitter disable')
+ }
let deleteJid = () => {
// TODO
- };
+ }
let addEmail = () => {
// TODO
- };
+ }
let deleteEmail = () => {
// TODO
- };
+ }
return (
<div className="msg-cont">
<Helmet>
@@ -249,7 +249,7 @@ export default function Settings({ onChange }) {
</fieldset>
</div>
- );
+ )
}