update EIK, fix translate language manue open variable name

Author: encryptedDegen

bun.lockb

@@ -38,6 +38,7 @@
     "@vercel/kv": "^3.0.0",
     "caniuse-lite": "^1.0.30001687",
     "clsx": "^2.1.0",
+    "ethereum-identity-kit": "^0.2.72",
     "i18next": "^23.11.5",
     "i18next-browser-languagedetector": "^8.0.0",
     "i18next-http-backend": "^2.5.2",

package.json

@@ -42,7 +42,7 @@ export async function generateMetadata(props: Props): Promise<Metadata> {
   const ensData = await getAccount()
   const ensName = ensData?.ens?.name
   const ensAvatar = ensData?.ens?.avatar
-  const displayUser = ensName && ensName.length > 0 ? ensName : isList ? `List #${user}` : truncatedUser
+  const displayUser = ensName && ensName?.length > 0 ? ensName : isList ? `List #${user}` : truncatedUser
   const description = ensData?.ens?.records?.description
 
   const avatarResponse = ensAvatar && isLinkValid(ensAvatar) ? await fetch(ensAvatar) : null

src/app/[user]/page.tsx

@@ -19,7 +19,7 @@ const LanguageSelector = ({ setExternalLanguageMenuOpen, setParentOpen }: Langua
   const [languageMenuSearch, setLanguageMenuSearch] = useState('')
 
   const { t } = useTranslation()
-  const { changeLanguage, languageMenOpenu, selectedLanguage, setLanguageMenuOpen } = useLanguage()
+  const { changeLanguage, languageMenOpen, selectedLanguage, setLanguageMenuOpen } = useLanguage()
 
   const { setLanguage } = useIdentityKitTranslation()
   useEffect(() => {
@@ -51,8 +51,8 @@ const LanguageSelector = ({ setExternalLanguageMenuOpen, setParentOpen }: Langua
     <div ref={clickAwayLanguageRef} className='group relative w-full cursor-pointer'>
       <div
         onClick={() => {
-          setLanguageMenuOpen(!languageMenOpenu)
-          setExternalLanguageMenuOpen?.(!languageMenOpenu)
+          setLanguageMenuOpen(!languageMenOpen)
+          setExternalLanguageMenuOpen?.(!languageMenOpen)
         }}
         className='group-hover:bg-nav-item flex w-full items-center justify-between rounded-sm p-4'
       >
@@ -72,7 +72,7 @@ const LanguageSelector = ({ setExternalLanguageMenuOpen, setParentOpen }: Langua
       </div>
       <div
         className={`absolute -top-[56px] left-full z-50 w-full transition-all transition-discrete sm:top-0 sm:w-fit sm:pl-2 sm:transition-normal ${
-          languageMenOpenu ? 'block' : 'hidden'
+          languageMenOpen ? 'block' : 'hidden'
         } group-hover:block`}
       >
         <div className='bg-neutral shadow-medium flex max-h-[520px] w-full flex-col gap-2 gap-x-px overflow-scroll rounded-sm sm:max-h-[45vh] sm:w-56 lg:grid lg:w-[450px] lg:grid-cols-2'>

src/components/language-selector/index.tsx

@@ -6,7 +6,7 @@ import { LANGUAGES } from '#/lib/constants/languages'
 import type { StaticImageData } from 'next/image'
 
 const useLanguage = () => {
-  const [languageMenOpenu, setLanguageMenuOpen] = useState(false)
+  const [languageMenOpen, setLanguageMenuOpen] = useState(false)
   const [selectedLanguage, setSelectedLanguage] = useState(
     LANGUAGES[LANGUAGES.map((lang) => lang.key).indexOf(i18n.language || 'en')]
   )
@@ -30,7 +30,7 @@ const useLanguage = () => {
 
   return {
     changeLanguage,
-    languageMenOpenu,
+    languageMenOpen,
     selectedLanguage,
     setLanguageMenuOpen,
     setSelectedLanguage,