Bug fixes

index.html

@@ -1475,12 +1475,40 @@
                     }
                     break
             }
+            let previousActiveElement = getRef('main_navbar').querySelector('.nav-item--active')
+            const currentActiveElement = document.querySelector(`.nav-item[href="#/${pageId}"]`)
+            if (document.startViewTransition) {
+                document.startViewTransition(() => {
+                    if (previousActiveElement) {
+                        previousActiveElement.classList.remove('nav-item--active');
+                        previousActiveElement.querySelector('.nav-item__indicator')?.remove()
+                    }
+                    if (currentActiveElement) {
+                        if (getRef('main_navbar').classList.contains('hidden')) {
+                            getRef('main_navbar').classList.remove('hide-away')
+                            getRef('main_navbar').classList.remove('hidden')
+                        }
+                        getRef('main_header').classList.remove('hidden')
+                        currentActiveElement.classList.add('nav-item--active')
+                        currentActiveElement.append(createElement('div', { className: 'nav-item__indicator' }));
+                    } else {
+                        if (!getRef('main_navbar').classList.contains('hidden')) {
+                            getRef('main_navbar').classList.add('hide-away')
+                            getRef('main_navbar').classList.add('hidden')
+                            getRef('main_header').classList.add('hidden')
+                        }
+                    }
+                    if (pagesData.lastPage !== pageId) {
+                        document.querySelectorAll('.page').forEach(page => page.classList.add('hidden'))
+                        getRef(pageId).classList.remove('hidden')
+                        pagesData.lastPage = pageId
+                    }
+                })
+            } else {
                 const animOptions = {
                     duration: 100,
                     fill: 'forwards',
                 }
-            let previousActiveElement = getRef('main_navbar').querySelector('.nav-item--active')
-            const currentActiveElement = document.querySelector(`.nav-item[href="#/${pageId}"]`)
                 if (currentActiveElement) {
                     if (getRef('main_navbar').classList.contains('hidden')) {
                         getRef('main_navbar').classList.remove('hide-away')
@@ -1570,6 +1598,7 @@
                     getRef(pageId).animate([{ opacity: 0 }, { opacity: 1 }], { duration: 300, fill: 'forwards', easing: 'ease' })
                     pagesData.lastPage = pageId
                 }
+            }
             document.querySelectorAll('sm-input[data-flo-address]').forEach(input => input.customValidation = floCrypto.validateFloID)
             document.querySelectorAll('sm-input[data-private-key]').forEach(input => input.customValidation = floCrypto.getPubKeyHex)
         }
@@ -2853,7 +2882,6 @@
 
         function filterSmartContracts(options) {
             const { type, subType, dynamic = false } = options || {};
-            console.log(options)
             let filteredSmartContracts = floGlobals.smartContracts || [];
             if (type) {
                 filteredSmartContracts = filteredSmartContracts.filter(sc => {