diff --git a/packages/DApp/src/components/card/ProposeModal.tsx b/packages/DApp/src/components/card/ProposeModal.tsx index 2755229..d5c394f 100644 --- a/packages/DApp/src/components/card/ProposeModal.tsx +++ b/packages/DApp/src/components/card/ProposeModal.tsx @@ -48,7 +48,6 @@ export function ProposeModal({ }: ProposeModalProps) { const [proposingAmount, setProposingAmount] = useState(0) const [publicKey, setPublicKey] = useState('') - const disabled = proposingAmount === 0 const loading = useCommunityDetails(publicKey, setCommunityFound) const { votingContract } = useContracts() const { send } = useContractFunction(votingContract, 'initializeVotingRoom') @@ -56,62 +55,41 @@ export function ProposeModal({ return ( - - {publicKey && communityFound && ( - - - {communityFound.validForAddition ? ( - - - - ) : ( - - - - )} - - )} - - {!communityFound && !publicKey && ( - - ℹ️ - To propose a community, it must have at least 42 members and have a ENS domain. - - )} - - {loading && publicKey && ( - - + + {communityFound ? : loading && } + {communityFound && !communityFound.validForAddition && ( + + + + )} + {((communityFound && communityFound.validForAddition) || loading) && ( - - )} + )} + {!publicKey && ( + + ℹ️ + To propose a community, it must have at least 42 members and have a ENS domain. + + )} + {communityFound && !communityFound.validForAddition ? ( - { - setShowConfirmModal(false) - }} - > + setShowConfirmModal(false)}> OK, let’s move on! 🤙 ) : ( { send(1, publicKey) setShowConfirmModal(true) @@ -149,7 +127,6 @@ const ProposingInfo = styled.div` display: flex; justify-content: space-between; align-items: center; - width: 100%; margin-bottom: 32px; & > span { diff --git a/packages/DApp/src/hooks/useCommunityDetails.ts b/packages/DApp/src/hooks/useCommunityDetails.ts index a7a3542..13eaa8b 100644 --- a/packages/DApp/src/hooks/useCommunityDetails.ts +++ b/packages/DApp/src/hooks/useCommunityDetails.ts @@ -16,7 +16,9 @@ export function useCommunityDetails(publicKey: string, setCommunityDetail: (val: } } setCommunityDetail(undefined) - getDetails(publicKey) + if (publicKey) { + getDetails(publicKey) + } }, [publicKey]) useEffect(() => setCommunityDetail(undefined), [])