fix(app): debug popup

00-team · Jun 3, 2024 · 24789d5 · 24789d5
1 parent 652ad04
commit 24789d5
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 34 deletions.
diff --git a/app/pages/products/index.tsx b/app/pages/products/index.tsx
@@ -47,42 +47,42 @@ export default () => {
         })
     })
 
-    let products_wrapper: HTMLDivElement
-    createEffect(() => {
-        // cardsWrapper = document.querySelector('.products-wrapper')
-        // cards = document.querySelectorAll('.product-card')
-        //
-        let cards =
-            products_wrapper.querySelectorAll<HTMLDivElement>('.product-card')
-
-        console.log(state.products)
-
-        // cards.forEach((card: HTMLElement) => {
-        //     card.addEventListener('mouseenter', () => {
-        //         products_wrapper.childNodes.forEach((card_id: HTMLElement) => {
-        //             if (card_id !== card) {
-        //                 card_id.className += ' fadeout'
-        //             }
-        //         })
-        //     })
-        //     card.addEventListener('mouseleave', () => {
-        //         cardsWrapper.childNodes.forEach((card_id: HTMLElement) => {
-        //             if (card_id !== card) {
-        //                 card_id.className = card_id.className.replace(
-        //                     ' fadeout',
-        //                     ''
-        //                 )
-        //             }
-        //         })
-        //     })
-        //
-        // })
-    })
+    // let products_wrapper: HTMLDivElement
+    // createEffect(() => {
+    //     // cardsWrapper = document.querySelector('.products-wrapper')
+    //     // cards = document.querySelectorAll('.product-card')
+    //     //
+    //     let cards =
+    //         products_wrapper.querySelectorAll<HTMLDivElement>('.product-card')
+    //
+    //     console.log(state.products)
+    //
+    //     // cards.forEach((card: HTMLElement) => {
+    //     //     card.addEventListener('mouseenter', () => {
+    //     //         products_wrapper.childNodes.forEach((card_id: HTMLElement) => {
+    //     //             if (card_id !== card) {
+    //     //                 card_id.className += ' fadeout'
+    //     //             }
+    //     //         })
+    //     //     })
+    //     //     card.addEventListener('mouseleave', () => {
+    //     //         cardsWrapper.childNodes.forEach((card_id: HTMLElement) => {
+    //     //             if (card_id !== card) {
+    //     //                 card_id.className = card_id.className.replace(
+    //     //                     ' fadeout',
+    //     //                     ''
+    //     //                 )
+    //     //             }
+    //     //         })
+    //     //     })
+    //     //
+    //     // })
+    // })
 
     return (
         <main class='products'>
             <header class='products-header'></header>
-            <div class='products-wrapper' ref={products_wrapper}>
+            <div class='products-wrapper'>
                 {Object.entries(state.products).map(([k, v]) => (
                     <ProductCard
                         product={v}

diff --git a/app/pages/products/popup.tsx b/app/pages/products/popup.tsx
@@ -66,11 +66,17 @@ export const ProductPopup: Component<Props> = P => {
     )
 
     const price = createMemo(() => {
-        if (state.selected_plan == null) return 0
-        return P.product.plans[state.selected_plan][0]
+        let plan = P.product.plans[state.selected_plan]
+        if (!plan) return 0
+        return plan[0]
     })
 
     createEffect(() => {
+        if (plans().length == 0) {
+            setState({ selected_plan: null })
+            return
+        }
+
         if (plans().length == 1) {
             setState({ selected_plan: plans()[0].key })
         }