diff options
Diffstat (limited to 'vnext/src/ui')
-rw-r--r-- | vnext/src/ui/Avatar.js | 1 | ||||
-rw-r--r-- | vnext/src/ui/Chat.js | 1 | ||||
-rw-r--r-- | vnext/src/ui/Contact.js | 1 | ||||
-rw-r--r-- | vnext/src/ui/Icon.js | 1 | ||||
-rw-r--r-- | vnext/src/ui/Login.js | 1 | ||||
-rw-r--r-- | vnext/src/ui/Message.js | 2 | ||||
-rw-r--r-- | vnext/src/ui/MessageInput.js | 2 | ||||
-rw-r--r-- | vnext/src/ui/Settings.js | 38 | ||||
-rw-r--r-- | vnext/src/ui/Thread.js | 5 | ||||
-rw-r--r-- | vnext/src/ui/UploadButton.js | 1 | ||||
-rw-r--r-- | vnext/src/ui/UserInfo.js | 3 | ||||
-rw-r--r-- | vnext/src/ui/Users.js | 1 | ||||
-rw-r--r-- | vnext/src/ui/VisitorContext.js | 1 |
13 files changed, 20 insertions, 38 deletions
diff --git a/vnext/src/ui/Avatar.js b/vnext/src/ui/Avatar.js index 0de225b2b..9d93521f4 100644 --- a/vnext/src/ui/Avatar.js +++ b/vnext/src/ui/Avatar.js @@ -13,7 +13,6 @@ import Icon from './Icon'; /** * Avatar component - * * @param {AvatarProps} props */ function Avatar({ user, style, link, children }) { diff --git a/vnext/src/ui/Chat.js b/vnext/src/ui/Chat.js index 392b12a0d..4fdeaac7f 100644 --- a/vnext/src/ui/Chat.js +++ b/vnext/src/ui/Chat.js @@ -21,7 +21,6 @@ import { Helmet } from 'react-helmet'; /** * Chat component - * * @param {ChatProps} props */ export default function Chat(props) { diff --git a/vnext/src/ui/Contact.js b/vnext/src/ui/Contact.js index a0d32e846..75c80332c 100644 --- a/vnext/src/ui/Contact.js +++ b/vnext/src/ui/Contact.js @@ -10,7 +10,6 @@ import Avatar from './Avatar'; /** * Contact component - * * @param {ContactProps} props */ function Contact({ user, style }) { diff --git a/vnext/src/ui/Icon.js b/vnext/src/ui/Icon.js index a9cd8a959..6d10df160 100644 --- a/vnext/src/ui/Icon.js +++ b/vnext/src/ui/Icon.js @@ -13,7 +13,6 @@ import evilIcons from 'evil-icons/assets/sprite.svg'; /** * Icon inner component - * * @param {IconProps} props - icon props */ function IconElement(props) { diff --git a/vnext/src/ui/Login.js b/vnext/src/ui/Login.js index 58d1a16b7..73da49c8d 100644 --- a/vnext/src/ui/Login.js +++ b/vnext/src/ui/Login.js @@ -16,7 +16,6 @@ import { useVisitor } from './VisitorContext'; /** * Login page - * * @param {LoginProps} props */ function Login({ onAuth }) { diff --git a/vnext/src/ui/Message.js b/vnext/src/ui/Message.js index 595d2178d..c5ad175da 100644 --- a/vnext/src/ui/Message.js +++ b/vnext/src/ui/Message.js @@ -28,7 +28,6 @@ import { useVisitor } from './VisitorContext'; /** * Message component - * * @param {React.PropsWithChildren<{}> & MessageProps} props props */ export default function Message({ data, isThread, onToggleSubscription, children }) { @@ -156,7 +155,6 @@ function MessageContainer({ isCode, data }) { /** * Tags component - * * @param {{user: import('../client').User, data: string[]}} props props */ function Tags({ data, user }) { diff --git a/vnext/src/ui/MessageInput.js b/vnext/src/ui/MessageInput.js index de4edc7f2..3d24e728e 100644 --- a/vnext/src/ui/MessageInput.js +++ b/vnext/src/ui/MessageInput.js @@ -9,7 +9,6 @@ import toast from 'react-hot-toast'; /** * StackOverflow-driven development: https://stackoverflow.com/a/10158364/1097384 - * * @param {HTMLTextAreaElement & {createTextRange?: Function}} el element */ function moveCaretToEnd(el) { @@ -37,7 +36,6 @@ function moveCaretToEnd(el) { /** * MessageInput - * * @param {React.ComponentProps<React.FC> & MessageInputProps} props props */ export default function MessageInput({ text, rows, placeholder, onSend }) { diff --git a/vnext/src/ui/Settings.js b/vnext/src/ui/Settings.js index 6e9d4f361..380d8ff6e 100644 --- a/vnext/src/ui/Settings.js +++ b/vnext/src/ui/Settings.js @@ -32,16 +32,14 @@ function ChangeAvatarForm({ onChange }) { if (preview) { previewUser = { ...visitor, avatar: preview, uname: '<preview>' }; } - let onSubmitAvatar = (event) => { + let onSubmitAvatar = async (event) => { if (event.preventDefault) { event.preventDefault(); } - updateAvatar(avatarInput.current.files[0]).then(() => { - avatarChanged(''); - me().then(visitor => { - onChange(visitor); - }).catch(console.error); - }).catch(console.error); + await updateAvatar(avatarInput.current.files[0]); + avatarChanged(''); + let visitor = await me(); + onChange(visitor); }; return ( <form> @@ -124,20 +122,20 @@ export default function Settings({ onChange }) { {visitor.telegramName ? ( <form> <div>Telegram: <b> {visitor.telegramName} </b> — - <Button onClick={disableTelegram}>Disable</Button> + <Button onClick={disableTelegram}>Disable</Button> </div> </form> ) : ( - <p>To connect Telegram account: send any text message to <a href="https://telegram.me/Juick_bot">@Juick_bot</a> - </p> - )} + <p>To connect Telegram account: send any text message to <a href="https://telegram.me/Juick_bot">@Juick_bot</a> + </p> + )} </fieldset> { visitor.jids && ( <form> <fieldset> <legend>XMPP accounts - </legend> + </legend> <p>Your accounts:</p> <p> { @@ -205,7 +203,7 @@ export default function Settings({ onChange }) { {/** /email_off */} <p> </p> <p>You can post to Juick via e-mail. Send your <u>plain text</u> messages to <a href="mailto:juick@juick.com">juick@juick.com</a>. - You can attach one photo or video file.</p> + You can attach one photo or video file.</p> </> } </fieldset> @@ -228,19 +226,19 @@ export default function Settings({ onChange }) { </div> </form> ) : ( - <p>Cross-posting to Facebook: - <a href="/_fblogin"> - <img src="//static.juick.com/facebook-connect.png" alt="Connect to Facebook" /> - </a> - </p> - )} + <p>Cross-posting to Facebook: + <a href="/_fblogin"> + <img src="//static.juick.com/facebook-connect.png" alt="Connect to Facebook" /> + </a> + </p> + )} </fieldset> <fieldset> <legend><Icon name="ei-sc-twitter" size="m" />Twitter</legend> {visitor.twitterName ? <form action="/settings" method="post"> <div>Twitter: <b>{visitor.twitterName}</b>— - <input type="hidden" name="page" value="twitter-del" /> + <input type="hidden" name="page" value="twitter-del" /> <Button onClick={disableTwitter}>Disable</Button> </div> </form> diff --git a/vnext/src/ui/Thread.js b/vnext/src/ui/Thread.js index f26eead69..a3136c350 100644 --- a/vnext/src/ui/Thread.js +++ b/vnext/src/ui/Thread.js @@ -15,9 +15,8 @@ import { Helmet } from 'react-helmet'; const emptyMessage = {}; /** - * @param {{ - connection: EventSource? - }} props + * Thread component + * @param {import('react').PropsWithChildren<{}>} props */ export default function Thread(props) { const location = useLocation(); diff --git a/vnext/src/ui/UploadButton.js b/vnext/src/ui/UploadButton.js index f07501de2..b652e5222 100644 --- a/vnext/src/ui/UploadButton.js +++ b/vnext/src/ui/UploadButton.js @@ -9,7 +9,6 @@ import Icon from './Icon'; /** * Upload button - * * @param {UploadButtonProps} props */ export default function UploadButton(props) { diff --git a/vnext/src/ui/UserInfo.js b/vnext/src/ui/UserInfo.js index 5bcc25077..2ca8c431f 100644 --- a/vnext/src/ui/UserInfo.js +++ b/vnext/src/ui/UserInfo.js @@ -11,7 +11,6 @@ let isMounted; /** * User info component - * * @param {{uname: string, onUpdate?: Function, children?: import('react').ReactElement}} props */ export default function UserInfo({ uname, onUpdate, children }) { @@ -65,7 +64,6 @@ export default function UserInfo({ uname, onUpdate, children }) { /** * User summary component - * * @param {{user: import('../api').User}} props */ function Summary({ user }) { @@ -89,7 +87,6 @@ const UserSummary = memo(Summary); /** * Link to user - * * @param {{ user: import('../api').User}} props */ export function UserLink(props) { diff --git a/vnext/src/ui/Users.js b/vnext/src/ui/Users.js index b0e19dfa0..32ff2d038 100644 --- a/vnext/src/ui/Users.js +++ b/vnext/src/ui/Users.js @@ -37,7 +37,6 @@ export function Readers() { /** * UserInfo list component - * * @param {{uname: string, prop: string}} props */ function Users({ uname, prop }) { diff --git a/vnext/src/ui/VisitorContext.js b/vnext/src/ui/VisitorContext.js index 8c5364e78..240b709b1 100644 --- a/vnext/src/ui/VisitorContext.js +++ b/vnext/src/ui/VisitorContext.js @@ -17,7 +17,6 @@ export function VisitorProvider({ children }) { /** * Visitor hook - * * @returns {[ * import('../api').SecureUser, * import('react').Dispatch<import('react').SetStateAction<import('../api').SecureUser>> |