adding sementic

[iamuteti]

No description provided.

[rwieruch]

Amazing work @iamuteti Thank you so much for it.

A couple of last improvements:

• If you can, maybe exchange epoch-timeago with date-fns, because the former only has 84 downloads per week, isn't widely known and maybe in a year not well maintained whereas date-fns is a bulletproof library. Maybe distanceInWords can be used as substitute.

• Add missing CSS: I had to install npm install semantic-ui-css and add it to the src/index.js file:

import React from 'react';
import ReactDOM from 'react-dom';

import 'semantic-ui-css/semantic.min.css';

import './index.css';
import * as serviceWorker from './serviceWorker';

...

• If it works without additional CSS, have same margin left/right between buttons:

• If it works without additional CSS, put all buttons in one row or at least make two rows out of them whereas the social logins are in the second row. Then the first row has a bottom margin to the second row.

• If it works without additional CSS, put the More button above of the messages, because it fetches older messages, centralize it, and call it maybe "Older Messages".