Giter VIP home page Giter VIP logo

Comments (7)

juliancwirko avatar juliancwirko commented on June 10, 2024 1

Hey, I logged in on mobile using the maiar app right now. It looks like you are using a version hosted locally. Remember that you should use the online version: https://elrond-nft-minting-platform-poc.netlify.app/unlock to be able to do that, not the localhost version.

This app uses the older version of the frontend tooling. The dapp library. It is probably better to use dapp-core and dapp-core-components nowadays.

But anyway, as for the dapp library, I think there isn't a clean way to do that. See here, there is no condition to use to remove it. I would go with the CSS-only solution. Put such CSS somewhere in the styles:

.card-body .btn.btn-primary:nth-child(2) {
    display: none;
}

Be aware that this is a hacky solution only for this service. If you use bootstrap in your app and have similar classes across the app, it could break something if it will be a global style.

Quite dirty, but I don't see other options there. This is why it is better to use the newest libraries. Maybe I will update this example when I find some time.

from elrond-nft-minting-platform-poc.

juliancwirko avatar juliancwirko commented on June 10, 2024 1

So I think I know where the problem is. When deployed, a standard React app requires all server-side routing to point to the index.html. If you don't have this configured on your hosting provider, the server will catch the React Router routes as if they are standard routing and will break the app. I host it on Netlify, and I have the config here: https://github.com/juliancwirko/elrond-nft-minting-platform-poc/blob/master/public/_redirects, but it will be different for different hosting providers.

from elrond-nft-minting-platform-poc.

butavpaul avatar butavpaul commented on June 10, 2024

Thank you!
I've also used the example on server.
Maybe the problem is that the dapp is on an subdomain, because if I'm on app.url.com/unlock and I refresh the page, it returns 404.

Thank you for the tip. It's no problem I think, as long as Elrond hasn't whitelisted the domain.

from elrond-nft-minting-platform-poc.

juliancwirko avatar juliancwirko commented on June 10, 2024

Have you tested it with https://elrond-nft-minting-platform-poc.netlify.app/unlock or with your custom implementation based on it?

from elrond-nft-minting-platform-poc.

butavpaul avatar butavpaul commented on June 10, 2024

Haven't seen this. Tested and working.
This is from my side, but strange I haven't modified anything according to the routes.
Only added "homepage": ".", in package.json

from elrond-nft-minting-platform-poc.

dtix avatar dtix commented on June 10, 2024

Removing quotes from the variable in the .env file worked for me.
From:

REACT_APP_WALLET_CONNECT_BRIDGE="https://bridge.walletconnect.org"  
REACT_APP_WALLET_CONNECT_DEEP_LINK="https://maiar.page.link/?apn=com.elrond.maiar.wallet&isi=1519405832&ibi=com.elrond.maiar.wallet.dev&link=https://maiar.com/";  

To:

REACT_APP_WALLET_CONNECT_BRIDGE=https://bridge.walletconnect.org  
REACT_APP_WALLET_CONNECT_DEEP_LINK=https://maiar.page.link/?apn=com.elrond.maiar.wallet&isi=1519405832&ibi=com.elrond.maiar.wallet.dev&link=https://maiar.com/

from elrond-nft-minting-platform-poc.

juliancwirko avatar juliancwirko commented on June 10, 2024

It's good to know. This is what I thought based on the Elrond Dev Telegram group discussion. I haven't changed it here because it isn't maintained anymore. From now on, I will try to avoid them, for example, here: https://github.com/ElvenTools/elven-tools-dapp/blob/main/.env.example

from elrond-nft-minting-platform-poc.

Related Issues (2)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.