fulgurus / candy-machine-v2-responsive-ui Goto Github PK

Fresh clone of the latest build, when the wallet is not connected, the mint button says "Connecting.." instead of "Connect Wallet" like it used to in the previous builds.

The Metaplex made some changes to the Candy Machine V2 program on May 27th, the UI of this project may not suit the candy machine created after May 27th.
Clicking the mint button will not get a right NFT, but an ‘Unkown Token’ without metadata.

https://twitter.com/metaplex/status/1530187094211149824

Noticed the multimint is removed. when do you guys plan on re-adding?

Can you use tailwind?

Since yesterday there's some problem with minting with the same code that was actually working. The error is on devnet and it says

All the files are stored on arweave, the chache file says onChain: true, verifyRun: true. When i mint nft from the cli everything goes fine and the nft is visible in my phantom wallet, but when i try to mint an nft from the UI since yesterday it says mint successful and after that when i refresh the page it says total minted 0/10, also there's some unknown tokens in my wallet after the mint from the UI.

The developer guys in discord - metaplex/candy machine said those things:

"You need to use a supported UI. ur trying to mint from a candy machine with a collection set from a UI that doesn't support collections."

"the way you have your candy machine configure makes it "try" and set a collection for all the nfts during minting. As of a few days ago there was nothing enforcing this so if you used a UI that sent in the instructions incorrectly youd end up with a candy machine that doesnt have collections set for some of the nfts, which often results in having a screwed up collection.
"

The upload goes just fine, but the mint from the UI is problematic. I also noticed other people face the same issue since yesterday, Do you someone else had similar problem and how can we fix that?

solscan link with the problematic mint: https://solscan.io/tx/2hwPtLJyCrNWrsYVvNGK3KF4SNNP4hvG8BhiCub6Eqcn1m2i4tds8jKj1CstG4Gn29svxLHcfjwVipVv6C7pFLn3?cluster=devnet

Thank you in advance

After adding the Environment Variables and clicking on the deploy button the "Invalid request: should be object" error pops up. I double-checked the entered values which are correct. I also contacted Vercel and there is no problem at their end.

I dig a LOT and almost get to make it work on NEXT js

the problem is with project serum... and I can't figure out what is the deal with this guys

but when I run npm run dev I get this

[email protected] dev
next dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Loaded env from C:\Users\alfon\OneDrive\Escritorio\nextjs-candy\test-candy-next.env
@civic/solana-gateway-react:0.7.6
wait - compiling...
error - ./node_modules/@project-serum/anchor/dist/esm/provider.js:151:0
Module not found: Can't resolve 'fs'

Import trace for requested module:
./node_modules/@project-serum/anchor/dist/esm/index.js
./pages/_app.tsx

i have already got a domain working, can i upload the files with filezilla to it? or how should i do?

"Minting Failed. Please try again!" message shown every time but actually everything works

Seems many people encounter the same issue. Any one find some solution to that? Thanks!

When I run yarn start at the beginning it throws this error, can't understand why

/Users/josh/Desktop/UI_testing/src/Home.tsx
TypeScript error in /Users/josh/Desktop/UI_testing/src/Home.tsx(637,18):
Object is of type 'unknown'.  TS2571

    635 |                       }
    636 |               } catch (error) {
  > 637 |                       let message = error.msg || 'Minting failed! Please try again!';
        |                                     ^
    638 |                       if (!error.msg) {
    639 |                               if (!error.message) {
    640 |                                       message = 'Transaction Timeout! Please try again.';

1. I have changed my .env file with my parameters
2. yarn install, yarn build
3. copy the inside of the build folder via FTP on the public part of my website
4. when I go on the landing page, I have an invite asking me to connect my wallet
5. I go in my wallet and connect
6. the button below the gif shows as connecting and even after 5 min nothing happens

inspection in my browser give me this:

Not sure what the issue is?

It could be nice to have a UI for the CMv3. Metaplex doesn't have one yet.

I am able to successfully mint but the response says "minting failed! please try again!" And the mint count does not update.

Also, when minting with WL token, the mint completes but the WL token amount does not update, and the mint count also does not update.

Currently testing on devnet.

I'm trying the create a collection on solana,
The whole process from creating wallet and working
with metaplex was super smooth and worked perfectly,
Copied my CM address to The env folder, and installed all the dependencies, when I use yarn start everything seems fine the the host opens and connects my wallet, when I click mint the transaction sign says transaction might fail and after I sign it I get "Transaction time out"
My wallet has balance tho, and when I checked the tr id, the problem was at #5 instruction, any help please?

I'm getting a build failure on Headers.tx because there is no export statement related to 'CandyMachineAccount' in candy-machine.tx

C:/Users/customDguitars/Documents/SolRockers/source/metaplex-S/js/packages/candy-machine-ui/src/Header.tsx
TypeScript error in C:/Users/customDguitars/Documents/SolRockers/source/metaplex-S/js/packages/candy-machine-ui/src/Header.tsx(7,10):
Module '"./candy-machine"' has no exported member 'CandyMachineAccount'. TS2305

 5 | import { MintCountdown } from './MintCountdown';
 6 | import { toDate, formatNumber } from './utils';

7 | import { CandyMachineAccount } from './candy-machine';
| ^
8 |
9 | type HeaderProps = {
10 | candyMachine?: CandyMachineAccount;

error Command failed with exit code 1.

I deploy on azure and heroku clouds but not working the connection wallet

error on click on select wallet

WalletProvider.tsx:38 WalletNotReadyError
    at WalletProvider.tsx:156:27
    at f (regeneratorRuntime.js:86:17)
    at Generator._invoke (regeneratorRuntime.js:66:24)
    at Generator.next (regeneratorRuntime.js:117:21)
    at 2.c598dc45.chunk.js:2:2018843
    at new Promise (<anonymous>)
    at p (2.c598dc45.chunk.js:2:2018588)
    at WalletProvider.tsx:144:44
    at WalletConnectButton.tsx:13:42
    at Object.Fe (react-dom.production.min.js:52:317)

config.json

{
  "price": 0.1,
  "number": 100,
  "gatekeeper": null,
  "creators": [
    {
      "address": "FtnbqVukfmB7ZRf5ocbWxJZ6STn85vH6oJrEQJELQtRb",
      "share": 100
    }
  ],
  "solTreasuryAccount": "FtnbqVukfmB7ZRf5ocbWxJZ6STn85vH6oJrEQJELQtRb",
  "splTokenAccount": null,
  "splToken": null,
  "goLiveDate": "2022-12-06T17:48:51.179953709+00:00",
  "endSettings": null,
  "whitelistMintSettings": null,
  "hiddenSettings": null,
  "freezeTime": null,
  "uploadMethod": "nft_storage",
  "retainAuthority": true,
  "isMutable": true,
  "symbol": "AC",
  "sellerFeeBasisPoints": 1000,
  "awsConfig": null,
  "nftStorageAuthToken": "XXXX",
  "shdwStorageAccount": null,
  "pinataConfig": null
}

Hello, I'm trying to use alchemy RPC host but I cannot find a way to configure it.
What should I put on REACT_APP_SOLANA_RPC_HOST?

Alchemy provides me this configuration:
https://solana-devnet.g.alchemy.com/v2/<API_KEY>

i got an error of yarn run build while deploying it

I got it to run, but I couldn't click on anything. Looked at the console, shows this:

TypeScript error in /candy-machine-v2-responsive-ui/src/Home.tsx(666,32):
'Countdown' cannot be used as a JSX component.
  Its instance type 'Countdown' is not a valid JSX element.
    The types returned by 'render()' are incompatible between these types.
      Type 'React.ReactNode' is not assignable to type 'import("/candy-machine-v2-responsive-ui/node_modules/@types/react-transition-group/node_modules/@types/react/index").ReactNode'.
        Type '{}' is not assignable to type 'ReactNode'.  TS2786

And the same thing again for Countdown's other use in line 681.

Hey @Fulgurus I wanna add a gif as a background guide me what changes to do to achieve it or please update the repo.

Thanks

When running through the initial commands

git clone 
yarn install
update .env
yarn install

I run into an error with the Countdown Timer

'Countdown' cannot be used as a JSX component.
  Its instance type 'Countdown' is not a valid JSX element.
    The types returned by 'render()' are incompatible between these types.
      Type 'React.ReactNode' is not assignable to type 'import("/Users/admin/Documents/candy-machine-v2-responsive-ui/node_modules/@types/react-transition-group/node_modules/@types/react/index").ReactNode'.
        Type '{}' is not assignable to type 'ReactNode'.  TS2786

Hello
Ive created and customised minting site and at http://localhost:3000 it display fine with all changes. Next, when I'm trying to use One-Click Vercel Deployment solution the process of deployment goes successfully but deployed site not reflect changes of colors and images etc, only the "price" is display correctly
Could you to help me to solve this issue

How to set up compatibility with mobile devices? Through the desktop everything works fine, but when trying to use smartphone, you can’t connect the wallet

Hello, Thanks for the great work

I've been able to complete the setup.

But When i try to mint, the wrong fee comes up, mint should be 1 sol.
When i go ahead, I get a success message but an unknown token in the wallet.

I can confirm that mint works from command line using this command:

ts-node ~/metaplex/js/packages/cli/src/candy-machine-v2-cli.ts mint_one_token
-e devnet
-k ~/.config/solana/devnet.json
-c example

Please see my Config

{
"price": 1.0,
"number": 10,
"gatekeeper": null,
"solTreasuryAccount": "redacted",
"splTokenAccount": null,
"splToken": null,
"goLiveDate": "16 Jun 2022 18:50:00 GMT",
"endSettings": null,
"whitelistMintSettings": null,
"hiddenSettings": null,
"storage": "arweave-sol",
"ipfsInfuraProjectId": null,
"ipfsInfuraSecret": null,
"nftStorageKey": null,
"awsS3Bucket": null,
"noRetainAuthority": false,
"noMutable": false
}