DEV Community: JosephSam

How do i use multer's upload.array(fieldname[, maxCount]) for a nested object inside a mongoose subdocument

JosephSam — Mon, 08 Aug 2022 10:39:25 +0000

How do i use multer's upload.array(fieldname[, maxCount]) for a nested object inside a mongoose subdocument

link:

I need help I having problem passing data to a child component

JosephSam — Tue, 19 Apr 2022 13:27:45 +0000

I have three components
Services (contains the data),
SizeimgcontentfooterCard4,
ServicesModal

the data looks like

export const serviceItemInformation = [
  {
       title: "...",
       id:"...",
       paragraph: ["..."],
       image:{src: "...", alt:"..."},
       modal: {
          title: "...",
          id: "...",
          icon:"...",
          image:{src: "...", alt:"..."},
          list:[...],
          paragraph: ["..."],
     }
  },
  {...}
    ]

The Services sends mapped out data to SizeimgcontentfooterCard4 as well as ServicesModal components

<Container sx={containerWrapper} maxWidth="xl">
        <Grid container spacing={2}>
            {
                serviceItemInformation.map(el => (
                    <>
                        <Grid sx={gridStyle} key={el.id} item lg={4} sm={12} >
                           <SizeimgcontentfooterCard4
                                title={el.title}
                                image={el.image.src}
                                alt={el.image.alt}
                                paragraph={el.paragraph}
                                id={el.id}
                                modalData={el.modal}
                                handleModal={handleModal}
                                modal={modal}
                            />
                            <ServicesModal open={modal} setOpen={setModal} modal={el.modal}/>
                        </Grid>
                    </>
                ))
            }
        </Grid>
</Container>

The SizeimgcontentfooterCard4 is a reusable card that displays content with a button that opens the modal component ServicesModal

The Items I get in SizeimgcontentfooterCard4 matches correctly with what i was expecting. But on ServicesModal component I only get values of the last object in serviceItemInformation.

The ServiceModal Component is

`

const ServicesModal = ({open, setOpen, modal,}) => {

    const StyledModalImageArea = styled(Grid)(({theme}) => ({
        width: "100%",
        height: "100%",
        backgroundColor: "red",
        position: "relative",
        padding: 0,
        backgroundImage: `linear-gradient(to right, rgba(0, 0, 0, 0.555), rgba(0, 0, 0, 0.484)), url(${modal.image.src})`,
        backgroundPosition: "center",
        backgroundAttachment: "local",
        backgroundSize: "cover",
        backgroundRepeat: "no-repeat",
        transition: "0.5s", 
        color: "#fff",
        borderTopLeftRadius: 10,
        borderBottomLeftRadius: 10
    }))



    return (
        <StyledBackDrop
            open={open}
            onClick={() => setOpen(false)}
            sx={{ color : "rgba(0, 0, 0, 0.56) !important",  zIndex: (theme) => theme.zIndex.drawer + 1 }}
            transitionDuration= {1000}
        >
            <StyledModal
                hideBackdrop
                open={open}
                onClose={() => setOpen(false)}
                aria-labelledby="modal-modal-title"
                aria-describedby="modal-modal-description"
            >
                    <StyledModalItems container sx={detailsContainer}>
                        <StyledModalImageArea item lg={5} sm={12}>
                            <BoxOverlay>
                                {modal.icon}
                            </BoxOverlay>
                        </StyledModalImageArea>

                        <Grid item lg={7} sm={12}>
                            <Typography id="modal-modal-title" variant="h4" gutterBottom component="h2">
                                { modal.title }
                            </Typography>
                        </Grid>
                    </StyledModalItems>
            </StyledModal>
        </StyledBackDrop>
    )
}

`
What could the problem be?

Link to stackOverflow

How do I solve Configuration property "jwt" and "DB" is not defined error

JosephSam — Thu, 07 Oct 2021 22:07:23 +0000

How do I solve Configuration property "jwt" and "DB" is not defined error

Oct 6 '21 Comments: 1 Answers: 2

I am trying to push my web application (MERN stack) to Heroku but I keep getting this error

enter image description here

What I have tried in index.js

if (!config.get("jwtPrivateKey")) {
throw new Error('FATAL ERROR!!: jwtPrivateKey is not defined')
}
console.log(config.get("DB"))
console.log(config.get("jwtPrivateKey"))

This is their value when i log them

…

Open Full Question

What is the best approach; hashing password in req.body.password or at the database user.password in express-mongoose web app

JosephSam — Fri, 02 Apr 2021 17:44:05 +0000

I am creating a user post route in which i'll be doing the password hashing. So what is the best approach for hashing password is it this;

let user = await User.findOne({email: req.body.email})
if (user) return res.status(400).send('The user already exists')

user = new User({
name : req.body.name,
email: req.body.email,
password: req.body.password
})

// hashing user passwords
const salting = await bcrypt.genSalt(10)
user.password = await bcrypt.hash(user.password, salting)
Hashing it on the database level or this;

let user = await User.findOne({email: req.body.email})
if (user) return res.status(400).send('The user already exists')

// hashing user passwords
const salting = await bcrypt.genSalt(10)
const hashedPassword = await bcrypt.hash(req.body.password, salting)

user = new User({
name : req.body.name,
email: req.body.email,
password: hashedPassword
})
hashing on the request level, or there is a better way of doing the hashing? Your opinions/recommendation will be much useful. Thanks in advance.

..map is not a function

JosephSam — Sat, 27 Jun 2020 13:22:14 +0000

Hi everyone am a newbie in react and have encountered this problem, need help
https://codesandbox.io/s/interesting-sara-q2j9w?file=/src/App.js