update greetings while sign-in

src/lib/conf.js

@@ -127,3 +127,12 @@ export const REFRESH_STATUS_DURATION = 15_000;
 // The hidden balances will be displayed as shown below
 export const BALANCE_PLACEHOLDER = "*****";
 export const LOADING_PLACEHOLDER = "-----";
+
+export const UNKNOWN_FACTS = [
+  "🌟 Brute-forcing takes millions of years!",
+  "🔐 It runs only in your browser. Your password stays safe!",
+  "📂 We never store or transmit your password.",
+  "🤫 Your account's origin remains anonymous.",
+  "💼 Feel free to transfer your wallet anytime.",
+  "⚠️ Don't forget your password! There's no reset or recovery option.",
+];

src/pages/Signin/index.jsx

@@ -19,6 +19,7 @@ import {
   PASSCODE_MIN_LENGTH,
   PASSWORD_MAX_LENGTH,
   PASSWORD_MIN_LENGTH,
+  UNKNOWN_FACTS,
 } from "@mybucks/lib/conf";
 import media from "@mybucks/styles/media";
 
@@ -179,6 +180,11 @@ const SignIn = () => {
     [[password, passwordConfirm, passcode, disabled]]
   );
 
+  const unknownFact = useMemo(
+    () => UNKNOWN_FACTS[Math.floor(Math.random() * UNKNOWN_FACTS.length)],
+    []
+  );
+
   const onSubmit = async () => {
     setDisabled(true);
     try {
@@ -303,7 +309,7 @@ const SignIn = () => {
       <Modal show={!!progress} width="20rem">
         <ProgressWrapper>
           <img src="/logo-72x72.png" alt="mybucks.online" />
-          <Notice>Hang on, it takes millions of years to brute force!</Notice>
+          <Notice>{unknownFact}</Notice>
           <Progress value={progress} max="100" />
         </ProgressWrapper>
       </Modal>