robosats/frontend/src/components/TradeBox/Prompts/PayoutWait.tsx
Reckless_Satoshi 6b2dedce13
Add Tradebox, OrderDetails, Notifications, OrderPage functional components. (#315)
* Re-init new tradebox

* Wip progress on OrderDetails

* Wip 2 OrderDetails

* Fix multiple requests on load

* Add functional Order page

* Fixes order page

* Fix delete storage

* Fix order page style

* Add Public order prompt

* Add paused order prompt

* Add expired prompt

* Create statusToContract logics

* Move fetch order loop to Main

* Add payout and wait prompts

* Fix order fetch on badOrder

* Fix styles

* Add chat and dispute prompts

* Add remaining prompts

* Fix style

* Add notifications component

* Fix take order style, add more notifications

* Add page title notification

* Add more notifications and small tradebox fixes

* Small fixes

* Small fixes to routing failure prompt

* Remove old trade box

* Add bad take order
2022-11-21 12:56:29 +00:00

31 lines
988 B
TypeScript

import React from 'react';
import { useTranslation } from 'react-i18next';
import { List, ListItem, Divider, Typography } from '@mui/material';
export const PayoutWaitPrompt = (): JSX.Element => {
const { t } = useTranslation();
return (
<List dense={true}>
<Divider />
<ListItem>
<Typography variant='body2' align='left'>
{t(
'We are waiting for the buyer to post a lightning invoice. Once he does, you will be able to directly communicate the fiat payment details.',
)}
</Typography>
</ListItem>
<ListItem>
<Typography variant='body2' align='left'>
{t(
'Just hang on for a moment. If the buyer does not cooperate, you will get back the trade collateral and your bond automatically. In addition, you will receive a compensation (check the rewards in your profile).',
)}
</Typography>
</ListItem>
</List>
);
};
export default PayoutWaitPrompt;