NFT Marketplace cards using ReactJS

enter image description hereI am new to blockchain and trying to learn,I have created NFT marketplace application where the functionalities like minting, selling and buying is working fine. But, in the UI after putting it for sale the price of NFT is showing same for all the minted NFTs. I have used {Web3.utils.fromWei(String(price), “ether”)}.120000 in the code to display the price of NFT but it is not reflecting the price from blockchain.

<CardContent className={classes.content}>
            <div className={classes.title}>
              <Typography
                className={"MuiTypography--heading"}
                variant={"h5"}
                gutterBottom
              >
                {name}
              </Typography>
              <Chip
                size="small"
                disabled={true}
                label="Selling"
                className={classes.badge}
              />
            </div>
<Typography variant="h6" className={classes.price}>
              <SvgIcon
                component={EthereumLogo}
                viewBox="0 0 400 426.6"
                titleAccess="ETH"
              />
              <span{Web3.utils.fromWei(String(price), "ether")}.120000</span>
  </Typography>