cerc-io/snowballtools-base
11
0
Fork 3
Code Issues 11 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Update UI to display button for getting funds

Browse Source
This commit is contained in:
IshaVenikar 2025-02-10 16:52:29 +05:30
parent f0639e0ac0
commit d4ffe28f8a
1 changed files with 43 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
packages/frontend/src/components/projects/create/Configure.tsx
View File

@ -617,56 +617,54 @@ const Configure = () => {
</Button> </Button>
</div> </div>
) : ( ) : (
<> <div className="flex gap-4">
{selectedAccount && (
<Button
{...buttonSize}
type="submit"
shape="default"
disabled={
isLoading || isPaymentLoading || !selectedAccount || !isBalanceSufficient
}
rightIcon={
isLoading || isPaymentLoading ? (
<LoadingIcon className="animate-spin" />
) : (
<ArrowRightCircleFilledIcon />
)
}
>
{!isPaymentDone
? isPaymentLoading
? 'Transaction Requested'
: 'Pay and Deploy'
: isLoading
? 'Deploying'
: 'Deploy'}
</Button>
)}
{isAccountsDataReceived && isBalanceSufficient !== undefined ? ( {isAccountsDataReceived && isBalanceSufficient !== undefined ? (
(!selectedAccount || !isBalanceSufficient) ? ( (!selectedAccount || !isBalanceSufficient) ? (
<div className="p-6 bg-slate-100 dark:bg-overlay3 rounded-lg mb-6 shadow-md"> <div className="flex items-center gap-4">
<div className="text-center">
<p className="text-gray-700 dark:text-gray-300 mb-4"> <Button {...buttonSize} shape="default">
{!selectedAccount ? 'No accounts found.' : 'Insufficient funds.'} <a
{' '}Please visit{' '} href="https://store.laconic.com"
<a target="_blank"
href="https://store.laconic.com" rel="noopener noreferrer"
target="_blank" >
rel="noopener noreferrer" Buy prepaid service
className="text-blue-600 underline dark:text-blue-400" </a>
> </Button>
store.laconic.com <p className="text-gray-700 dark:text-gray-300">
</a>{' '} {!selectedAccount ? 'No accounts found. Create a wallet.' : 'Insufficient funds.'}
to create a wallet. </p>
</p>
</div>
</div> </div>
) : null ) : null
) : null} ) : null}
{selectedAccount && ( </div>
<div>
<Button
{...buttonSize}
type="submit"
shape="default"
disabled={
isLoading || isPaymentLoading || !selectedAccount || !isBalanceSufficient
}
rightIcon={
isLoading || isPaymentLoading ? (
<LoadingIcon className="animate-spin" />
) : (
<ArrowRightCircleFilledIcon />
)
}
>
{!isPaymentDone
? isPaymentLoading
? 'Transaction Requested'
: 'Pay and Deploy'
: isLoading
? 'Deploying'
: 'Deploy'}
</Button>
</div>
)}
</>
)} )}
</form> </form>
</FormProvider> </FormProvider>