genegene Comments - Answer Overflow

I believe the difference is that modal should block interaction with the other parts of the page while it isn't close (this behavior should be intended) And if if it is not modal you should be able to interract with the page while it is shown. With the dialog backdrop isn't added automatically, but if it's modal it should come with a backdrop

45 replies

KPCKevin Powell - Community

•Created by noob on 12/20/2024 in #front-end

how to close a dialog when click on backdrop

I believe you're mixing up the terms “dialog” and “modal window”. While some of the dialogs CAN BE modal, but it can also be non-modal

45 replies

KPCKevin Powell - Community

•Created by noob on 12/20/2024 in #front-end

how to close a dialog when click on backdrop

In this case we absolutely need JS for this, you can't track the cursor click outside any other way

45 replies

KPCKevin Powell - Community

•Created by genegene on 2/1/2024 in #back-end

Data fetching issues?

First Snippet:

const handleGetAllProducts = async () => {
    try {
      const response = await fetch('/api/products', {
        method: 'GET',
      })
      if (response.ok) {
        const data = await response.json()
        console.log('All products:', data)
      } else {
        console.error('Failed to get all products')
      }
    } catch (error) {
      console.error('Error getting all products:', error)
    }
  }

const handleGetAllProducts = async () => {
    try {
      const response = await fetch('/api/products', {
        method: 'GET',
      })
      if (response.ok) {
        const data = await response.json()
        console.log('All products:', data)
      } else {
        console.error('Failed to get all products')
      }
    } catch (error) {
      console.error('Error getting all products:', error)
    }
  }

Second Snippet:

import products from '../../pages/api/products'
 
<div className={styles.productsNumber}>{products.length}</div>

import products from '../../pages/api/products'
 
<div className={styles.productsNumber}>{products.length}</div>

I think I left out details because I wanted to sleep. Though the snippets are not equal, but they should show the total number there and there. I was wondering why there is a discrepancy in the total numbers. Seems after a nap I can think of why it works that way. Items should have been loaded asynchronously, and useState should be used to make sure the correct quantity of items is displayed. My bad for being not that informative at night

4 replies

Gaming

Programming