Build Your Own DAO - Helping Each Other

This may be related to an issue with some versions of web3uikit where some components don’t display correctly in production builds - another user had a similar issue with the Netflix project.

Try inspecting the element or area where the status is meant to show in your browser to see if there’s another style overriding or hiding the text. I can try it as well if you bring back the Netlify deploy.

Thank you Glad, here is the new link. https://sweet-kataifi-f99227.netlify.app/

In App.css, I am seeing this style that is hiding the Status text, try getting rid of that.

color: white !important;

works!! thank you very much!

Hi, i have created a custom contract, so far its all working with the frontend. Done so that only nft holders can vote and they receive 0.5$ per vote. Would like to add another option so that holders holding 10,000 tokens can receive 0.5$ as well or of a holder has both, nft and >9,999 tokens can recieve 1$. Would this be something you can advise me on how to add this into the contract ?


voteReward = 5 * 10**5;
    uint256 public constant voteRewardDistributionThreshold = 25 * 10**6;
    uint256 public supportedTokenID = nftid;
    IERC1155 public openSeaStorefront = IERC1155(nftcontract);
    IERC20 public rewardToken = IERC20(0x10908fE3174b974B5457d92B916f91702a82FE44);
    mapping(uint256 => Proposal) public proposals;
    mapping(address => uint256) public accumulatedRewards;

function voteOnProposal(uint256 _id, bool _vote) public {
        require(proposals[_id].deadline > 0, "This proposal does not exist");
        require(block.number <= proposals[_id].deadline, "The deadline to vote has passed for this proposal");
        require(checkVoteEligibility(_id, msg.sender), "You do not own an NFT to vote on this proposal or you have already voted with this NFT");

You can try posting in the #smart-contract-help channel on the Moralis Discord - I wouldn’t be able to help with that specifically.

1 Like

Hi, all sorted, works perfectly, now have a very simple question i believe, im not that great with frontend, how would i go about changing the css for the status info buttons. Would like to remove the background around the wordschange

You can use styled components to override the styles for components:

import styled from 'styled-components';

const NewButton = styled(Button)`
    // CSS
`;

<Button ...> // instead of <Button>

If it’s not Button, look at the code to see what component is being used and use that name instead.