Merge branch 'dev' into fix/console-errors

Author: serapieTuyishime

.github/workflows/pre-release.yaml

@@ -84,7 +84,7 @@ export default function BountiesNavigation(): ReactElement {
                       "!text-blue-600": router.query.slug === item.link.split("/")[2],
                     })}
                   >
-                    <span className="absolute inline-block -left-6 nav-icon">{router.query.slug === item.link.split("/")[2] && <ChevronRightIcon />}</span>
+                    <span className="absolute !inline-block -left-6 nav-icon">{router.query.slug === item.link.split("/")[2] && <ChevronRightIcon />}</span>
                     <span className="nav-label">{item.label}</span>
                   </Link>
                 </li>

src/components/sections/bounties/Navigation.tsx

@@ -41,12 +41,13 @@ export default function LanguageSelector(): ReactElement {
       course.translations
         .filter((locale) => locale)
         .forEach((translation) => {
+          const code = translation.locale || "en";
           setLocales((prev) => [
             ...prev,
             {
               id: translation.id,
-              code: translation.locale,
-              name: languages[translation.locale],
+              code,
+              name: languages[code],
             },
           ]);
         });

src/components/sections/courses/_partials/LanguageSwitcher.tsx

@@ -57,6 +57,12 @@ export default function ProfileHeader() {
 
   const username = useMemo(() => user?.displayName, [user?.displayName]);
 
+  const isCurrentUser = useMemo(() => username?.toLowerCase() === authUser?.displayName?.toLowerCase(), [authUser, username]);
+
+  const showKycVerificationButton = useMemo(() => {
+    return isCurrentUser && !isKycVerified;
+  }, [isCurrentUser, isKycVerified]);
+
   const dispatch = useDispatch();
   const triggerKYCVerification = () => {
     dispatch(openVerificationModal({}));
@@ -117,7 +123,7 @@ export default function ProfileHeader() {
             {t("profile.header.connect-discord")}
           </Button>
         )}
-        {!isKycVerified && (
+        {!isKycVerified && showKycVerificationButton && (
           <Button variant="outline-primary" className="flex mx-auto text-base" onClick={triggerKYCVerification}>
             {t("profile.header.sumsub.verify")}
           </Button>

src/components/sections/profile/Header.tsx

@@ -107,7 +107,7 @@ export default function ProfileNagivation(): ReactElement {
                 <li key={`profile-menu-subItem-${k}`} className="text-sm relative text-primary">
                   <Link href={item.link} className={`relative text-gray-500 ${isCurrentMenuItem(item) && "text-primary"}`}>
                     {isCurrentMenuItem(item) && (
-                      <span className="inline-block absolute -left-6 nav-icon">
+                      <span className="!inline-block absolute -left-6 nav-icon">
                         <ChevronRightIcon />
                       </span>
                     )}

src/components/sections/profile/Navigation.tsx

@@ -34,7 +34,7 @@ export function NavItem({ item, isActive = false, expanded = false }: NavItemPro
   const { t } = useTranslation();
   return (
     <span>
-      <span style={{ display: isActive ? "inline-block" : "none" }} className="absolute top-0 inline-block -left-6 nav-icon">
+      <span style={{ display: isActive ? "!inline-block" : "none" }} className="absolute top-0 inline-block -left-6 nav-icon">
         <ChevronRightIcon className={`transition-transform duration-200 ${item.subitems && item.subitems.length && isActive && expanded ? "transform rotate-90" : ""}`} />
       </span>
       <span className="nav-label">{t(item.label)}</span>