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,61 @@
+import {useEffect} from 'react'
+import {ILayout, useLayout} from '../../core'
+
+const Footer = () => {
+  const {config} = useLayout()
+  useEffect(() => {
+    updateDOM(config)
+  }, [config])
+  return (
+    <>
+      <div className='text-gray-900 order-2 order-md-1'>
+        <span className='text-muted fw-semibold me-1'>
+          {new Date().getFullYear().toString()}&copy;
+        </span>
+        <a
+          href='https://keenthemes.com/'
+          target='_blank'
+          className='text-gray-800 text-hover-primary'
+        >
+          Keenthemes
+        </a>
+      </div>
+
+      <ul className='menu menu-gray-600 menu-hover-primary fw-semibold order-1'>
+        <li className='menu-item'>
+          <a href='https://keenthemes.com/' target='_blank' className='menu-link px-2'>
+            About
+          </a>
+        </li>
+
+        <li className='menu-item'>
+          <a href='https://devs.keenthemes.com/' target='_blank' className='menu-link px-2'>
+            Support
+          </a>
+        </li>
+
+        <li className='menu-item'>
+          <a
+            href='https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469'
+            target='_blank'
+            className='menu-link px-2'
+          >
+            Purchase
+          </a>
+        </li>
+      </ul>
+    </>
+  )
+}
+
+const updateDOM = (config: ILayout) => {
+  if (config.app?.footer?.fixed?.desktop) {
+    document.body.classList.add('data-kt-app-footer-fixed', 'true')
+  }
+
+  if (config.app?.footer?.fixed?.mobile) {
+    document.body.classList.add('data-kt-app-footer-fixed-mobile', 'true')
+  }
+}
+
+export {Footer}
@@ -0,0 +1,30 @@
+import clsx from 'clsx'
+import {useLayout} from '../../core'
+import {Footer} from './Footer'
+
+const FooterWrapper = () => {
+  const {config} = useLayout()
+  if (!config.app?.footer?.display) {
+    return null
+  }
+
+  return (
+    <div className='app-footer' id='kt_app_footer'>
+      {config.app.footer.containerClass ? (
+        <div
+          className={clsx(
+            'app-container',
+            config.app.footer.container === 'fixed' ? 'container-xxl' : 'container-fluid',
+            config.app.footer.containerClass
+          )}
+        >
+          <Footer />
+        </div>
+      ) : (
+        <Footer />
+      )}
+    </div>
+  )
+}
+
+export {FooterWrapper}
@@ -0,0 +1 @@
+export * from './FooterWrapper'