diff --git a/frontend/src/components/format/FormatPage.jsx b/frontend/src/components/format/FormatPage.jsx index f2e78c2..aff556e 100644 --- a/frontend/src/components/format/FormatPage.jsx +++ b/frontend/src/components/format/FormatPage.jsx @@ -14,11 +14,24 @@ import ImportModal from '@ui/ImportModal'; import {importFormats} from '@api/import'; import DataBar from '@ui/DataBar/DataBar'; +const loadingMessages = [ + 'Formatting the formatters...', + 'Teaching formats to behave...', + 'Convincing formats to follow rules...', + 'Organizing chaos into patterns...', + 'Making formats look pretty...', + 'Polishing the quality filters...' +]; + const LoadingState = () => (

- Loading custom formats... + { + loadingMessages[ + Math.floor(Math.random() * loadingMessages.length) + ] + }

); diff --git a/frontend/src/components/regex/RegexPage.jsx b/frontend/src/components/regex/RegexPage.jsx index a79de81..aae04b5 100644 --- a/frontend/src/components/regex/RegexPage.jsx +++ b/frontend/src/components/regex/RegexPage.jsx @@ -9,11 +9,24 @@ import {useKeyboardShortcut} from '@hooks/useKeyboardShortcut'; import MassActionsBar from '@ui/MassActionsBar'; import DataBar from '@ui/DataBar/DataBar'; +const loadingMessages = [ + 'Matching all the patterns...', + 'Capturing your groups...', + 'Escaping special characters...', + 'Untangling regular expressions...', + 'Looking behind and ahead...', + 'Validating the validators...' +]; + const LoadingState = () => (

- Loading regex patterns... + { + loadingMessages[ + Math.floor(Math.random() * loadingMessages.length) + ] + }

);