bookercodes

// ./src/App.js

import React, { Component } from 'react'
import UsernameForm from './UsernameForm'

class App extends Component {
  state = {
    currentUsername: null,
    currentId: null
  }

bookercodes

// ./src/Chat.js

import React, { Component } from 'react'

class Chat extends Component {
  render() {
    return (
      <div>
        <h1>Chat</h1>
      </div>

bookercodes

// ./src/App.js

import React, { Component } from 'react'
import UsernameForm from './UsernameForm'
+import Chat from './Chat'

class App extends Component {
  state = {
    currentUsername: null,
-   currentId: null

bookercodes

// ./src/Chat.js

import React, { Component } from 'react'
import { ChatManager, TokenProvider } from '@pusher/chatkit'

class Chat extends Component {
  state = {
    currentUser: null
  }

bookercodes

/* ./src/index.css */

body {
  font-family:  BlinkMacSystemFont, sans-serif;
  margin: 0;
  padding: 0;
}

.username-form {
  padding: 10px;

bookercodes

// ./src/MessageList.js

import React, { Component } from 'react'
import {
  ListView,
  ListViewSection,
  ListViewSectionHeader,
  ListViewRow,
  Text
} from 'react-desktop/macOs'

bookercodes

// ./src/Chat.js

import React, { Component } from 'react'
import { ChatManager, TokenProvider } from '@pusher/chatkit'
+import MessageList from './MessageList'

class Chat extends React.Component {
  state = {
-   currentUser: null
+   currentUser: null,

bookercodes

// ./src/SendMessageForm.js

import React, { Component } from 'react'
import { Button, TextInput } from 'react-desktop/macOs'

class SendMessageForm extends Component {
  state = {
    text: ''
  }

bookercodes

// ./src/Chat.js

import React, { Component } from 'react'
import { ChatManager, TokenProvider } from '@pusher/chatkit'
import MessageList from './MessageList'
+import SendMessageForm from './SendMessageForm'

class Chat extends React.Component {
  state = {
    currentUser: null,

bookercodes

// ./src/OnlineList.js

import React, { Component } from 'react'
import {
  ListView,
  ListViewSection,
  ListViewSectionHeader,
  ListViewRow,
  Text
} from 'react-desktop/macOs'