mastodon/app/javascript/themes/glitch/components/loading_indicator.js

import React from 'react';
import { FormattedMessage } from 'react-intl';

const LoadingIndicator = () => (
  <div className='loading-indicator'>
    <div className='loading-indicator__figure' />
    <FormattedMessage id='loading_indicator.label' defaultMessage='Loading...' />
  </div>
);

export default LoadingIndicator;
Replace sprockets/browserify with Webpack (#2617) * Replace browserify with webpack * Add react-intl-translations-manager * Do not minify in development, add offline-plugin for ServiceWorker background cache updates * Adjust tests and dependencies * Fix production deployments * Fix tests * More optimizations * Improve travis cache for npm stuff * Re-run travis * Add back support for custom.scss as before * Remove offline-plugin and babili * Fix issue with Immutable.List().unshift(...values) not working as expected * Make travis load schema instead of running all migrations in sequence * Fix missing React import in WarningContainer. Optimize rendering performance by using ImmutablePureComponent instead of React.PureComponent. ImmutablePureComponent uses Immutable.is() to compare props. Replace dynamic callback bindings in <UI /> * Add react definitions to places that use JSX * Add Procfile.dev for running rails, webpack and streaming API at the same time 2017-05-02 17:04:16 -07:00			`import React from 'react';`
Adding react-intl i18n to the frontend. No translations yet 2016-11-16 08:20:52 -08:00			`import { FormattedMessage } from 'react-intl';`

Add "not found" component to UI 2017-01-10 04:50:40 -08:00			`const LoadingIndicator = () => (`
Replace inline styles with CSS classes (BEM) (#2338) * fix(classnames): Status icon style classnames Take out inline css and put into classnames for the following components: account, avatar, icon button, status action bar, notification. * fix(status): Move styles from inline to classes for statuses Move styles to classnames in components.scss for the following components: display name media gallery status status content video player * fix(classnames): Add classnames to rest of components Take out inline styles and apply them to classnames in the sass for the following components: button column back button slim column back button collapsable column dropdown menu loading indicator status list * fix(classnames): Remove all non-dynamic inline styles Components affected: autosuggested permalink action bar header character counter compose form emoji dropdown privacy dropdown reply indicator upload form account auth followers getting started column settings mutes settings reblogs status checkbox report action bar status card boost modal media modal video modal * fix(permalink): Do not lose classname * fix(tests): Add space back in display name * fix(status__wrapper): Remove duplicate css name Remove incorrect style attribute. Remove style attribute all together. Cursor defaults to "auto" when not specified as 'default'. * fix(nl): do not lose translations 2017-04-22 19:26:55 -07:00			`<div className='loading-indicator'>`
Add loading indicator animation (#4316) 2017-07-23 11:28:18 -07:00			`<div className='loading-indicator__figure' />`
Add "not found" component to UI 2017-01-10 04:50:40 -08:00			`<FormattedMessage id='loading_indicator.label' defaultMessage='Loading...' />`
			`</div>`
			`);`

Styling loading indicator, removing unused routes, adding "getting started" explanation Also, only update relative time every minute instead of 6 seconds. My bad 2016-10-06 13:47:35 -07:00			`export default LoadingIndicator;`