add imports

src/components/attachment.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import FileProgress from './file-progress.jsx';
 
 export default class Attachment extends React.Component {

src/components/avatar-upload.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import LetterTile from './letter-tile.jsx';
 
 export default class AvatarUpload extends React.Component {

src/components/chat-message.jsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import {Drafty} from 'tinode-sdk'
 
-import LetterTile from './letter-tile.jsx'
+import Attachment from './attachment.jsx';
+import LetterTile from './letter-tile.jsx';
 import ReceivedMarker from './received-marker.jsx'
 
 /* Single message, sent or received. */

src/components/chip-input.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
 
+import Chip from './chip.jsx';
+
 /* BEGIN ChipInput: group membership widget */
 export default class ChipInput extends React.Component {
   constructor(props) {

src/components/chip.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
 
+import LetterTile from './letter-tile.jsx';
+
 export default class Chip extends React.PureComponent {
   constructor(props) {
     super(props);

src/components/contact-list.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import Contact from './contact.jsx';
 
 /* ContactList: component for showing a list of contacts,

src/components/contacts-view.jsx

@@ -1,6 +1,8 @@
+/* ContactsView holds all contacts-related stuff */
+
 import React from 'react';
 
-/* ContactsView holds all contacts-related stuff */
+import ContactList from './contact-list.jsx';
 
 export default class ContactsView extends React.Component {
   constructor(props) {

src/components/context-menu.jsx

@@ -1,6 +1,7 @@
+/* Context Menu: popup/dropdown menu */
+
 import React from 'react';
 
-/* Context Menu: popup/dropdown menu */
 
 export default class ContextMenu extends React.Component {
   constructor(props) {

src/components/create-account-view.jsx

@@ -1,6 +1,10 @@
+/* Account registration */
+
 import React from 'react';
 
-/* Account registration */
+import AvatarUpload from './avatar-upload.jsx';
+import CheckBox './checkbox.jsx';
+import VisiblePassword './visible-password.jsx';
 
 export default class CreateAccountView extends React.PureComponent {
   constructor(props) {

src/components/group-manager.jsx

@@ -1,6 +1,10 @@
+/* GroupMembers: control for managing a list of group members */
+
 import React from 'react';
 
-/* GroupMembers: control for managing a list of group members */
+import ChipInput from './chip-input.jsx';
+import ContactList from './contact-list.jsx';
+
 export default class GroupManager extends React.Component {
   constructor(props) {
     super(props);

src/components/group-subs.jsx

@@ -1,6 +1,9 @@
+/* GroupSubs: a list of group subscribers currently online */
+
 import React from 'react';
 
-/* GroupSubs: a list of group subscribers currently online */
+import LetterTile from './letter-tile.jsx';
+
 export default class GroupSubs extends React.Component {
   constructor(props) {
     super(props);

src/components/in-place-edit.jsx

@@ -1,7 +1,10 @@
+/* In-place text editor. Shows text with an icon
+ * which toggles it into an input field */
+
 import React from 'react';
 
-/* BEGIN In-place text editor. Shows text with an icon
- * which toggles it into an input field */
+import VisiblePassword from './visible-password.jsx';
+
 export default class InPlaceEdit extends React.Component {
   constructor(props) {
     super(props);

src/components/info-view.jsx

@@ -1,6 +1,17 @@
+/* InfoView: panel with topic/user info */
+
 import React from 'react';
 
-/* InfoView: panel with topic/user info */
+import AvatarUpload from './avatar-upload.jsx';
+import ContactList from './contact-list.jsx';
+import GroupManager from './group-manager.jsx';
+import InPlaceEdit from './in-place-edit.jsx';
+import MenuCancel from './menu-cancel.jsx';
+import MoreButton from './more-button.jsx';
+import PermissionsEditor from './permissions-editor.jsx';
+import TagManager from './tag-manager.jsx';
+
+
 export default class InfoView extends React.Component {
   constructor(props) {
     super(props);

src/components/letter-tile.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
 
+import Tinode from 'tinode-sdk';
+
 export default class LetterTile extends React.PureComponent {
   render() {
     let avatar;

src/components/login-view.jsx

@@ -1,6 +1,11 @@
+// Login form
+
 import React from 'react';
+import {FormattedMessage} from 'react-intl';
+
+import CheckBox from './checkbox.jsx';
+import VisiblePassword from './visible-password.jsx';
 
-/* BEGIN Login: a login form */
 export default class LoginView extends React.Component {
   constructor(props) {
     super(props);

src/components/logo-view.jsx

@@ -1,6 +1,7 @@
+/* This is just a static page to display when no conversation is selected. */
+
 import React from 'react';
 
-/* This is just a static page to display when no conversation is selected. */
 export default class LogoView extends React.PureComponent {
   render() {
     var version = APP_NAME + ' (' + Tinode.getLibrary() + ')';

src/components/menu-cancel.jsx

@@ -1,6 +1,7 @@
+// The X menu to be displayed in title bars.
+
 import React from 'react';
 
-/* The X menu to be displayed in title bars */
 export default class MenuCancel extends React.PureComponent {
   constructor(props) {
     super(props);

src/components/messages-view.jsx

@@ -1,5 +1,14 @@
 import React from 'react';
 
+import ChatMessage from './chat-message.jsx';
+import ErrorPanel from './error-panel.jsx';
+import GroupSubs from './group-subs.jsx';
+import ImagePreview from './image-preview.jsx';
+import LetterTile from './letter-tile.jsx';
+import LoadSpinner from './load-spinner.jsx';
+import LogoView from './logo-view.jsx';
+import SendMessage from './send-message.jsx';
+
 const NOT_FOUND_TOPIC_TITLE = "Not found";
 
 export default class MessagesView extends React.Component {

src/components/more-button.jsx

@@ -1,6 +1,7 @@
+// Toggle [Title text >] -> [Title text v]
+
 import React from 'react';
 
-// Toggle [Title text >] -> [Title text v]
 export default class MoreButton extends React.PureComponent {
   constructor(props) {
     super(props);

src/components/new-topic-group.jsx

@@ -1,5 +1,8 @@
 import React from 'react';
 
+import AvatarUpload from './avatar-upload.jsx';
+import TagManager from './tag-manager.jsx';
+
 export default class NewTopicGroup extends React.PureComponent {
   constructor(props) {
     super(props);

src/components/new-topic-view.jsx

@@ -1,6 +1,11 @@
+/* Create new topic and invite users or send an invite */
+
 import React from 'react';
 
-/* Create new topic and invite users or send an invite */
+import ContactList from './contact-list.jsx';
+import NewTopicById from './new-topic-by-id.jsx';
+import NewTopicGroup from './new-topic-group.jsx';
+import SearchContacts from './search-contacts.jsx';
 
 export default class NewTopicView extends React.Component {
   constructor(props) {

src/components/permissions-editor.jsx

@@ -1,7 +1,10 @@
+// PermissionsEditor: Component for editing permissions
+// <PermissionsEditor mode="JWROD" skip="O" onChange={this.handleCheckboxTest} />
+
 import React from 'react';
 
-/* BEGIN PermissionsEditor: Component for editing permissions */
-// <PermissionsEditor mode="JWROD" skip="O" onChange={this.handleCheckboxTest} />
+import CheckBox from './checkbox.jsx';
+
 export default class PermissionsEditor extends React.Component {
   constructor(props) {
     super(props);
@@ -105,4 +108,3 @@ export default class PermissionsEditor extends React.Component {
     );
   }
 };
-/* END PermissionsEditor */

src/components/received-marker.jsx

@@ -1,6 +1,9 @@
+// Received/read indicator.
+
 import React from 'react';
 
-/* Received/read indicator */
+import Tinode from 'tinode-sdk';
+
 export default class ReceivedMarker extends React.PureComponent {
   render() {
     let timestamp;

src/components/send-message.jsx

@@ -1,6 +1,7 @@
+// Send message form.
+
 import React from 'react';
 
-/* Send message form */
 export default class SendMessage extends React.PureComponent {
   constructor(props) {
     super(props);

src/components/settings-view.jsx

@@ -1,6 +1,8 @@
+// Tinode config panel.
 import React from 'react';
 
-/* Tinode config panel */
+import HostSelector from './host-selector.jsx';
+
 export default class SettingsView extends React.PureComponent {
   constructor(props) {
     super(props);

src/components/side-navbar.jsx

@@ -1,5 +1,9 @@
 import React from 'react';
 
+import LetterTile from './letter-tile.jsx';
+import MenuCancel from './menu-cancel.jsx';
+import MenuContacts from './menu-contacts.jsx';
+import MenuStart from './menu-start.jsx';
 
 export default class SideNavbar extends React.PureComponent {
   render() {

src/components/sidepanel-view.jsx

@@ -1,5 +1,16 @@
 import React from 'react';
 
+import ContactsView from './contacts-view.jsx';
+import CreateAccountView from './create-account-view.jsx';
+import EditAccountView from './edit-account-view.jsx';
+import ErrorPanel from './error-panel.jsx';
+import LoginView from './login-view.jsx';
+import NewTopicView from './new-topic-view.jsx';
+import PasswordResetView from './password-reset-view.jsx';
+import SettingsView from './settings-view.jsx';
+import SideNavbar from './side-navbar.jsx';
+import ValidationView from './validation-view.jsx';
+
 export default class SidepanelView extends React.Component {
   constructor(props) {
     super(props);

src/components/tag-manager.jsx

@@ -1,7 +1,8 @@
+// TagManager: edit topic or user tags.
 import React from 'react';
 
+import ChipInput from './chip-input.jsx';
 
-/* TagManager: edit topic or user tags */
 export default class TagManager extends React.Component {
   constructor(props) {
     super(props);

src/components/tinode-web.jsx

@@ -1,6 +1,11 @@
+// The top-level class to hold all functionality together.
 import React from 'react';
 
-/* The top-level class to hold all functionality together */
+import ContextMenu from './context-menu.jsx';
+import InfoView from './info-view.jsx';
+import MessagesView from './messages-view.jsx';
+import SidepanelView from './sidepanel-view.jsx';
+
 export default class TinodeWeb extends React.Component {
   constructor(props) {
     super(props);

src/components/unread-badge.jsx

@@ -1,6 +1,7 @@
+// The counter of unread messages in the topic.
+
 import React from 'react';
 
-/* The counter of unread messages in the topic */
 export default class UnreadBadge extends React.PureComponent {
   render() {
     var showUnreadBadge = null;

src/components/validation-view.jsx

@@ -1,6 +1,6 @@
+// ValidationView: panel for confirming credentials, like email or phone.
 import React from 'react';
 
-/* ValidationView: panel for confirming credentials, like email or phone */
 export default class ValidationView extends React.PureComponent {
   constructor(props) {
     super(props);

src/components/visible-password.jsx

@@ -1,6 +1,6 @@
+// Password with a visiblity toggle.
 import React from 'react';
 
-// Password with a visiblity toggle
 export default class VisiblePassword extends React.PureComponent {
   constructor(props) {
     super(props);