From f707d3d524d8d16e2bb780764f029d85fc57ecc0 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Fri, 26 Jul 2019 13:22:00 +0300
Subject: prop-types -> jsdoc

---
 vnext/src/ui/UserInfo.js | 40 ++++++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 18 deletions(-)

(limited to 'vnext/src/ui/UserInfo.js')

diff --git a/vnext/src/ui/UserInfo.js b/vnext/src/ui/UserInfo.js
index 0d06d134..faa2ebd6 100644
--- a/vnext/src/ui/UserInfo.js
+++ b/vnext/src/ui/UserInfo.js
@@ -1,9 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
 
-import { UserType } from './Types';
-
 import { info, fetchUserUri } from '../api';
 
 import Avatar from './Avatar';
@@ -14,8 +11,20 @@ import './UserInfo.css';
 
 let isMounted;
 
+/**
+ * Wrapper for dumb VSCode
+ * @param {import('../api').User} user
+ */
+function useUserState(user) {
+    return useState(user);
+}
+
+/**
+ * User info component
+ * @param {{user: string, onUpdate?: function, children?: Element}} props
+ */
 export default function UserInfo(props) {
-    const [user, setUser] = useState({ uname: props.user, uid: 0 });
+    const [user, setUser] = useUserState({ uname: props.user, uid: 0 });
     const { onUpdate } = props;
     useEffect(() => {
         isMounted = true;
@@ -63,6 +72,10 @@ export default function UserInfo(props) {
     );
 }
 
+/**
+ * User summary component
+ * @param {{user: import('../api').User}} props
+ */
 function Summary({ user }) {
     const readUrl = `/${user.uname}/friends`;
     const readersUrl = `/${user.uname}/readers`;
@@ -78,12 +91,13 @@ function Summary({ user }) {
     );
 }
 
-Summary.propTypes = {
-    user: UserType.isRequired
-};
-
 const UserSummary = React.memo(Summary);
 
+
+/**
+ * Link to user
+ * @param {{ user: import('../api').User}} props
+ */
 export function UserLink(props) {
     const [user, setUser] = useState(props.user);
     useEffect(() => {
@@ -105,13 +119,3 @@ export function UserLink(props) {
             : <a href={user.uri} className="info-avatar"><img src={user.avatar} />{user.uname}</a>
     );
 }
-
-UserInfo.propTypes = {
-    user: PropTypes.string.isRequired,
-    onUpdate: PropTypes.func,
-    children: PropTypes.node
-};
-
-UserLink.propTypes = {
-    user: UserType.isRequired
-};
-- 
cgit v1.2.3