Frontend fixes

fluencelabs · Feb 27, 2024 · 1bdbb2a · 1bdbb2a
1 parent a7dc92a
commit 1bdbb2a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/web/src/components/LinkWithIcon/LinkWithIcon.js b/web/src/components/LinkWithIcon/LinkWithIcon.js
@@ -42,6 +42,7 @@ const LinkWithIcon = ({
   return (
     <Link
       to={url}
+      target="_blank"
       className={`${styles["link-with-icon"]} ${color === "white" && styles["link-with-icon_color_white"]}`}
     >
       <div style={color === "white" ? styleWhite : style} />

diff --git a/web/src/pages/begin-page/begin-page.js b/web/src/pages/begin-page/begin-page.js
@@ -14,7 +14,7 @@ import TimeUntilReduce from "../../components/TimeUntilReduce/TimeUntilReduce";
 
 import styles from "./begin-page.module.css";
 import { checkEligibility } from "../../utils/metadata";
-import { ROUTE_WALLET } from "../../constants/routes";
+import { ROUTE_NOT_FOUND, ROUTE_WALLET } from "../../constants/routes";
 
 const PageBegin = memo(() => {
   const navigate = useNavigate();
@@ -28,23 +28,20 @@ const PageBegin = memo(() => {
 
   const [inputValid, setInputValid] = useState(true);
   const [inputPressed, setInputPressed] = useState(false);
-  const [isEligible, setIsEligible] = useState(true);
 
   const onEligibilityCheckButtonClick = () => {
     if (checkEligibility(username)) {
       navigate(ROUTE_WALLET);
     } else {
-      setIsEligible(false);
+      navigate(ROUTE_NOT_FOUND);
     }
   };
 
   const handleChangeUsername = (e) => {
-    e.target.value !== "" ? setInputPressed(true) : setInputPressed(false);
-    setInputValid(githubUsernameRegex.test(e.target.value));
-    setUsername(e.target.value);
-    if (!isEligible) {
-      setIsEligible(true);
-    }
+    const value = e.target.value.toLowerCase();
+    value !== "" ? setInputPressed(true) : setInputPressed(false);
+    setInputValid(githubUsernameRegex.test(value));
+    setUsername(value);
   };
 
   const getInputClassName = () => {
@@ -105,7 +102,6 @@ const PageBegin = memo(() => {
                         text="Check if I’m eligible"
                         callback={onEligibilityCheckButtonClick}
                       />
-                      <p className={styles.incorrect}>{isEligible ? <>&nbsp;</> : "This github username not eligible for reward"}</p>
                     </li>
                   </ul>
                 </div>

diff --git a/web/src/pages/not-found-account-page/not-found-account-page.js b/web/src/pages/not-found-account-page/not-found-account-page.js
@@ -66,17 +66,19 @@ const AccountNotFound = () => {
                   <LinkWithIcon
                     text="Join the Discord server"
                     icon={discordBlack}
+                    url="https://fluence.chat"
                   />
                 </li>
                 <li className={styles.dashboard__item}>
                   <LinkWithIcon
                     text="Connect on Telegram"
                     style={{ backgroundSize: "14px" }}
                     icon={telegramBlack}
+                    url="https://t.me/fluence_project"
                   />
                 </li>
                 <li className={styles.dashboard__item}>
-                  <LinkWithIcon text="Governance forum" icon={dialogBlack} />
+                  <LinkWithIcon text="Governance forum" icon={dialogBlack} url="https://gov.fluence.network/" />
                 </li>
               </ul>
             </Dashboard>