You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.0 KiB
41 lines
1.0 KiB
import React from 'react';
|
|
import styles from './LoadingMessage.css';
|
|
|
|
const messages = [
|
|
'Downloading more RAM',
|
|
'Now in Technicolor',
|
|
'Previously on Lidarr...',
|
|
'Bleep Bloop.',
|
|
'Locating the required gigapixels to render...',
|
|
'Spinning up the hamster wheel...',
|
|
'At least you\'re not on hold',
|
|
'Hum something loud while others stare',
|
|
'Loading humorous message... Please Wait',
|
|
'I could\'ve been faster in Python',
|
|
'Don\'t forget to rewind your tracks',
|
|
'Congratulations! You are the 1000th visitor.',
|
|
'HELP! I\'m being held hostage and forced to write these stupid lines!',
|
|
'RE-calibrating the internet...',
|
|
'I\'ll be here all week',
|
|
'Don\'t forget to tip your waitress',
|
|
'Apply directly to the forehead',
|
|
'Loading Battlestation'
|
|
];
|
|
|
|
let message = null;
|
|
|
|
function LoadingMessage() {
|
|
if (!message) {
|
|
const index = Math.floor(Math.random() * messages.length);
|
|
message = messages[index];
|
|
}
|
|
|
|
return (
|
|
<div className={styles.loadingMessage}>
|
|
{message}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default LoadingMessage;
|