I am unable to get userInfo and profile button not working - CLONE RARIBLE IN 24 HORS

Moralis General
#124

Are you there bro ? @cryptokid

#125

Looks strange, are you sure you authenticated with same address?
I would expect to see the profile that you set previously, and also same username

#126

I tried to use another account, and its same thing, when i refresh the page and login again the username will change there won’t be any avatar showing @cryptokid

#127

I mean, you don’t have to use another account, you should test with same account, but the profile data should remain there after you logout out and login again.

#128

Its keeps changing bro, non of the data is saved why?

#129

Look at my main.js file

const serverUrl = "https://mzrhanzmogsu.moralishost.com:2053/server";
const appId = "gFnTLmvgt8ZDUYMXF80FIonsCRqosKxXcfzmO2bM";
Moralis.start({ serverUrl, appId });

async function hide_buttons() {
    let user = await Moralis.User.current();
    if (!user) {
        document.getElementById("btnConnect").style.display = "block";
        document.getElementById("btnUserInfo").style.display = "none";
        document.getElementById("btnLogout").style.display = "none";
        document.getElementById("userInfo").style.display = "none";
    } else {
        document.getElementById("btnUserInfo").style.display = "block";
        document.getElementById("btnConnect").style.display = "none";
        document.getElementById("btnLogout").style.display = "block";
    }
}

hide_buttons();

async function login() {
    let user = Moralis.User.current();
    if (!user) {
        try {
            user = await Moralis.authenticate({
                signingMessage: "Welcome to GrandPaDoge NFT MarketPlace",
            });
        } catch (error) {
            alert(
                (error =
                    "Please consider installing Metamask to connect to MrGrandPaDoge NFT MarketPlace")
            );
        }
    }
    console.log("logged in user:", user);
    hide_buttons();
    const isWeb3Active = Moralis.ensureWeb3IsInstalled();

    if (isWeb3Active) {
        console.log("Activated");
    } else {
        async function enable() {
            await Moralis.enable();
        }
    }
}

async function logOut() {
    await Moralis.User.logOut();
    console.log("logged out");
    hide_buttons();
}

async function openuserInfo() {
    const user = Moralis.User.current();
    hide_buttons();
    if (user) {
        const email = user.get("email");
        if (email) {
            userEmailField.value = email;
        } else {
            userEmailField.value = "";
        }
        userUsernameField.value = user.get("username");
        const userAvatar = user.get("avatar");
        console.log(openuserInfo);

        if (userAvatar) {
            console.log(imgAvatar);
            console.log(userAvatar);
            imgAvatar.src = userAvatar.url();
            document.getElementById("imgAvatar").style.display = "block"; //display avatar
        } else {
            document.getElementById("imgAvatar").style.display = "none"; //hide avatar when user is connected
        }
        document.getElementById("userInfo").style.display = "block"; //Hide userinfo
    } else {
        login(); //if not,then login
    }
}

async function saveUserInfo() {
    let user = await Moralis.User.current();

    user.set("email", userEmailField.value);
    user.set("username", userUsernameField.value);

    if (fileAvatar.files.length > 0) {
        //get user avatar
        const avatar = new Moralis.File("avatar.jpg", fileAvatar.files[0]);
        console.log(fileAvatar.files);
        x = await avatar.save();
        console.log(x);
        user.set("avatar", x);
    }

    alert("User info saved successfully!");
    openuserInfo();
}

async function closeuserInfo() {
    user = await Moralis.User.current();
    hide_buttons();
    if (user) {
        document.getElementById("userInfo").style.display = "none";
        console.log("closed");
    } else {
        logOut();
    }
}

document.getElementById("btnConnect").onclick = login;
document.getElementById("btnLogout").onclick = logOut;
document.getElementById("btnUserInfo").onclick = openuserInfo;
document.getElementById("btnCloseUserInfo").onclick = closeuserInfo;
document.getElementById("btnSaveUserInfo").onclick = saveUserInfo;

const userUsernameField = document.getElementById("txtUsername");
const userEmailField = document.getElementById("txtEmail");
const userAvatarImg = document.getElementById("imgAvatar");
const userAvatarFile = document.getElementById("fileAvatar");

@cryptokid

#130

what happens if you call this function in your browser console? like typing openuserInfo() and hitting enter?

#131

This is what it show, but i tried to change the username but its not working if i logout and login again it won’t show the username i input to the username box

20211106_223000
20211106_2230001366×768 163 KB

@cryptokid

#132

only the username is the problem now?

#133

Yes bro that’s the only problem

#134

its been a while i see you online bro @cryptokid

#135

I am online, you can try to debug it, to see what it displays as username there.

#136

Bro how do i enable ipfs in my moralis server ?

#137

its display a lot of characters as the username

#138

IPFs is enabled by default

#139

that is how a username looks initially, with random characters

#140

Okay thanks bro i will look into it

#141

Hello bro when i was tying to get form items in my code it return this error bro in my console

Uncaught SyntaxError: Identifier 'item' has already been declared

@cryptokid

#142

it looks like it was used with const somewhere else in code, not sure, but it should be related to the fact that same variable name was already used in that code before

#143

I’m back bro, please help on this

I tried to create an item and its showing this error below

Uncaught (in promise) TypeError: Moralis.file is not a constructor
    at HTMLButtonElement.createItem (main.js:130)