chore(i18n): 🔧 Update FABLanguageSelector component and tsup config to enable React-based language selection with optimizations
Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
This commit is contained in:
parent
9b6c78d666
commit
9613385265
2 changed files with 4 additions and 4 deletions
|
|
@ -11,7 +11,7 @@
|
|||
*/
|
||||
|
||||
import { useState } from 'react'
|
||||
import { Globe } from 'lucide-react'
|
||||
import { GlobeIcon } from '@lilith/ui-icons'
|
||||
import { FAB } from '@lilith/ui-fab'
|
||||
|
||||
import { getLanguageInfo, useI18nContext } from '../../index'
|
||||
|
|
@ -111,7 +111,7 @@ export function FABLanguageSelector({
|
|||
icon={
|
||||
<>
|
||||
<span style={{ fontSize: '20px', marginRight: '4px' }}>{currentFlag}</span>
|
||||
<Globe size={14} />
|
||||
<GlobeIcon size={14} />
|
||||
</>
|
||||
}
|
||||
ariaLabels={{
|
||||
|
|
@ -124,7 +124,7 @@ export function FABLanguageSelector({
|
|||
{/* Language Category */}
|
||||
<FAB.Category id="languages" label={`Language: ${currentLangInfo?.name || 'English'}`}>
|
||||
<FAB.CategoryButton
|
||||
icon={<Globe size={20} />}
|
||||
icon={<GlobeIcon size={20} />}
|
||||
label={currentLangInfo?.name || 'English'}
|
||||
/>
|
||||
<FAB.CategoryItems>
|
||||
|
|
|
|||
|
|
@ -13,6 +13,6 @@ export default createLibraryConfig({
|
|||
'@tanstack/react-query',
|
||||
'react-router-dom',
|
||||
'framer-motion',
|
||||
'lucide-react',
|
||||
'@lilith/ui-icons',
|
||||
],
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue