add tips (by o97doge on codeberg)

src/components/loader/loader.jsx

@@ -1,10 +1,12 @@
+// credit to  o97doge on codeberg for the tip system
+
 import React from 'react';
 import {defineMessages, FormattedMessage, intlShape, injectIntl} from 'react-intl';
 import classNames from 'classnames';
 import styles from './loader.css';
 import PropTypes from 'prop-types';
 import bindAll from 'lodash.bindall';
-
+import { tip } from '../../lib/randomUnhelpfulTip';
 import topBlock from './top-block.svg';
 import middleBlock from './middle-block.svg';
 import bottomBlock from './bottom-block.svg';
@@ -150,6 +152,7 @@ class LoaderComponent extends React.Component {
                     <div className={styles.title}>
                         {mainMessages[this.props.messageId]}
                     </div>
+                    <p>{tip[Math.round(Math.random() * tip.length)]}</p>
                     <div className={styles.messageContainerOuter}>
                         <div
                             className={styles.messageContainerInner}
@@ -162,6 +165,7 @@ class LoaderComponent extends React.Component {
                             ref={this.barInnerRef}
                         />
                     </div>
+
                 </div>
             </div>
         );

src/lib/randomUnhelpfulTip.js

@@ -0,0 +1,7 @@
+export const tip = [
+    'Snail IDE is cool',
+    '@carters3421 on Scratch made the Purple Square Guy Sprite, its basically his mascot!',
+    'Also check out LibreKitten!',
+    'Snail IDE is based off the source code of PenguinMod, which is based off TurboWarp, which is based off Scratch. M O D C E P T I O N.',
+    'Crazy? I was crazy once. They locked me in a room, a rubber room. A rubber room with rats. And rats make me crazy.',
+];