upgade package

2024-04-23 14:04:21 -04:00
parent ede879d821
commit 44f6fb0816
966 changed files with 7972 additions and 88698 deletions
@@ -0,0 +1,89 @@
+
+import clsx from 'clsx'
+import {FC} from 'react'
+import {toAbsoluteUrl} from '../../../helpers'
+import {useLang, setLanguage} from '../../../i18n/Metronici18n'
+
+const languages = [
+  {
+    lang: 'en',
+    name: 'English',
+    flag: toAbsoluteUrl('media/flags/united-states.svg'),
+  },
+  {
+    lang: 'zh',
+    name: 'Mandarin',
+    flag: toAbsoluteUrl('media/flags/china.svg'),
+  },
+  {
+    lang: 'es',
+    name: 'Spanish',
+    flag: toAbsoluteUrl('media/flags/spain.svg'),
+  },
+  {
+    lang: 'ja',
+    name: 'Japanese',
+    flag: toAbsoluteUrl('media/flags/japan.svg'),
+  },
+  {
+    lang: 'de',
+    name: 'German',
+    flag: toAbsoluteUrl('media/flags/germany.svg'),
+  },
+  {
+    lang: 'fr',
+    name: 'French',
+    flag: toAbsoluteUrl('media/flags/france.svg'),
+  },
+]
+
+const Languages: FC = () => {
+  const lang = useLang()
+  const currentLanguage = languages.find((x) => x.lang === lang)
+  return (
+    <div
+      className='menu-item px-5'
+      data-kt-menu-trigger='hover'
+      data-kt-menu-placement='left-start'
+      data-kt-menu-flip='bottom'
+    >
+      <a href='#' className='menu-link px-5'>
+        <span className='menu-title position-relative'>
+          Language
+          <span className='fs-8 rounded bg-light px-3 py-2 position-absolute translate-middle-y top-50 end-0'>
+            {currentLanguage?.name}{' '}
+            <img
+              className='w-15px h-15px rounded-1 ms-2'
+              src={currentLanguage?.flag}
+              alt='metronic'
+            />
+          </span>
+        </span>
+      </a>
+
+      <div className='menu-sub menu-sub-dropdown w-175px py-4'>
+        {languages.map((l) => (
+          <div
+            className='menu-item px-3'
+            key={l.lang}
+            onClick={() => {
+              setLanguage(l.lang)
+            }}
+          >
+            <a
+              href='#'
+              className={clsx('menu-link d-flex px-5', {active: l.lang === currentLanguage?.lang})}
+            >
+              <span className='symbol symbol-20px me-4'>
+                <img className='rounded-1' src={l.flag} alt='metronic' />
+              </span>
+              {l.name}
+            </a>
+          </div>
+        ))}
+      </div>
+    </div>
+  )
+}
+
+export {Languages}