Spinner with no text - Is this a MetaMask issue?

[codestackr]

Spinner with no text - Is this a MetaMask issue?

[jaydwivedi12]

I think this is not metamask issue . This is because of frontend folder . Work in it.

[edhellerdotcom]

I'm thinking it could be one of those:

if "metamask extension is installed, but not connected"
then "show the rest of the connection text"

situations, but I don't know the code well enough to find the place to tell it to

if "metamask is NOT installed"
then "show the text anyway."

Any ideas where to find this code?

Thanks for the help.

[jaydwivedi12]

metamask_onboarding.js it could be there.

[edhellerdotcom]

I haven't dived into the .js file mentioned above, but I confirmed that one of the elements in the style.css under the /* NOT CONNECTED */ section was preventing the text from being visible. I appear to have resolved that by commenting out the 'opacity' and 'transform:' variables.

The spinner being a main visual element on the page can be a bit confusing for first time visitors, btw. Is there a way to replace that spinner with another image?

[astrosocietyxyz]

I think I found the solution!

I would like to add that I have no coding experience prior to watching CodeSTACKr videos 1000x and trying to study the codes.

After playing around with the front end
after line 55 in frontend/ app.js

I added

*line 56
// HIDE SPINNER
spinner.classList.add('hidden');
notConnected.classList.remove('hidden');
notConnected.classList.add('show-not-connected');

Did not add or change anything else.

Hope this helps or brings you a step closer to how you want your website to looks. If it did help you follow my
twitter
astrosocietyxyz

Cheers,
Michael

[edhellerdotcom]

That code seems to be in there already in several places.
At this point, I've got the spinner placed higher, but would like it to not be there or be able to at least replace it with a more useful graphic.

[jaydwivedi12]

I want to remove that spinner and add another graphics. spinner is not so attractive at all.

Any idea or Suggestion,

[astrosocietyxyz]

Have you tried changing the colors of the spinner? Maybe that would change your opinion on it.

[jaydwivedi12]

Hey do you have any idea that
how to transfer sales funds from smart contract to wallet??

[jaydwivedi12]

After connecting metamask in metamask browser in android . Presale box doesn't appear this is kept loading like this .. i have tried with other website also same issue to all browser.

[codeSTACKr]

Spinner with no text is a Netlify configuration issue. Be sure you set the base path to frontend and saved your API key in the environment variables.

[edhellerdotcom]

Where do I add that code? In the index.html? And if that code should already be in there, what might I need to modify?

[notMayhem]

Spinner with no text is a Netlify configuration issue. Be sure you set the base path to frontend and saved your API key in the environment variables.

Ive done this correctly and im having the same issue still...that isnt the cause.....

[lilgoat347]

does anyone have a solution to this problem?