@visns-studio/visns-components 5.9.6 → 5.9.8

package/src/components/crm/Navigation.jsx

@@ -3,16 +3,19 @@ import { Link, useLocation, useNavigate } from 'react-router-dom';
 import {
     Bug,
     Calendar,
+    CreditCardAlt1,
     Draft,
     PeopleGroup,
     Person,
     Search,
     SignOut,
     Shield,
+    Image,
 } from 'akar-icons';
 import CustomFetch from './Fetch';
 import Notification from './Notification';
 import SwitchAccount from './SwitchAccount';
+import BusinessCardOcr from './BusinessCardOcr';
 import styles from './styles/Navigation.module.scss';
 
 const SearchComponent = ({
@@ -193,6 +196,7 @@ function Navigation({
     const [isOpen, setOpen] = useState(false);
     const [isScrolled, setIsScrolled] = useState(false);
     const [navData, setNavData] = useState(navConfig);
+    const [showBusinessCardOcr, setShowBusinessCardOcr] = useState(false);
 
     const appNavClasses = styles['app-nav'];
 
@@ -223,6 +227,7 @@ function Navigation({
             bug: Bug,
             calendar: Calendar,
             draft: Draft,
+            image: Image,
             peopleGroup: PeopleGroup,
             person: Person,
             shield: Shield,
@@ -241,6 +246,20 @@ function Navigation({
                     <Notification setSystemAuth={setSystemAuth} />
                 </li>
             );
+        } else if (n.id === 'businessCardOcr') {
+            return (
+                <li>
+                    <button
+                        title="Scan Business Card"
+                        data-tooltip-id="system-tooltip"
+                        data-tooltip-content="Scan Business Card"
+                        onClick={() => setShowBusinessCardOcr(true)}
+                        className={activeClass}
+                    >
+                        <CreditCardAlt1 size={20} />
+                    </button>
+                </li>
+            );
         } else if (n.id === 'switchAccount') {
             return (
                 <li>
@@ -599,6 +618,22 @@ function Navigation({
                 </div>
                 {children}
             </main>
+
+            <BusinessCardOcr
+                isOpen={showBusinessCardOcr}
+                onClose={() => setShowBusinessCardOcr(false)}
+                onContactSaved={(contact) => {
+                    console.log('Contact saved:', contact);
+                }}
+                fields={
+                    navData.settings.find((s) => s.id === 'businessCardOcr')
+                        ?.setting.fields || []
+                }
+                fetchConfig={
+                    navData.settings.find((s) => s.id === 'businessCardOcr')
+                        ?.setting.fetch || []
+                }
+            />
         </div>
     ) : (
         <div className={styles.hwrap}>
@@ -635,6 +670,22 @@ function Navigation({
                     )}
                 </ul>
             </div>
+
+            <BusinessCardOcr
+                isOpen={showBusinessCardOcr}
+                onClose={() => setShowBusinessCardOcr(false)}
+                onContactSaved={(contact) => {
+                    console.log('Contact saved:', contact);
+                }}
+                fields={
+                    navData.settings.find((s) => s.id === 'businessCardOcr')
+                        ?.setting.fields || []
+                }
+                fetchConfig={
+                    navData.settings.find((s) => s.id === 'businessCardOcr')
+                        ?.setting.fetch || null
+                }
+            />
         </div>
     );
 }