status-im/safe-react
2
0
Fork 0
mirror of https://github.com/status-im/safe-react.git synced 2025-02-02 12:53:24 +00:00
Code Issues Projects Releases Wiki Activity

Prevent modal from closing on its own

Browse Source
This commit is contained in:
Mati Dastugue 2020-12-18 10:34:57 -03:00
parent 0814eb528e
commit 62232e6dc2
3 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/TransferDescription.tsx
View File

@ -26,7 +26,6 @@ const TransferDescription = ({
}: TransferDescriptionProps): ReactElement | null => { }: TransferDescriptionProps): ReactElement | null => {
const recipientName = useSelector((state) => getNameFromAddressBookSelector(state, recipient)) const recipientName = useSelector((state) => getNameFromAddressBookSelector(state, recipient))
const [sendModalOpen, setSendModalOpen] = React.useState(false) const [sendModalOpen, setSendModalOpen] = React.useState(false)
const sendModalOpenHandler = () => { const sendModalOpenHandler = () => {
setSendModalOpen(true) setSendModalOpen(true)
} }

2
src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx
View File

@ -73,13 +73,11 @@ const ExpandedModuleTx = ({ tx }: { tx: SafeModuleTransaction }): ReactElement =
</Block> </Block>
<Hairline /> <Hairline />
<Block className={cn(classes.txDataContainer, classes.incomingTxBlock)}> <Block className={cn(classes.txDataContainer, classes.incomingTxBlock)}>
{recipient && (
<TransferDescription <TransferDescription
amountWithSymbol={amountWithSymbol} amountWithSymbol={amountWithSymbol}
isTokenTransfer={!sameAddress(amountWithSymbol, NOT_AVAILABLE)} isTokenTransfer={!sameAddress(amountWithSymbol, NOT_AVAILABLE)}
recipient={recipient} recipient={recipient}
/> />
)}
</Block> </Block>
</Col> </Col>
</Row> </Row>

13
src/routes/safe/components/Transactions/TxsTable/index.tsx
View File

@ -35,6 +35,10 @@ const TxsTable = ({ classes }) => {
trackEvent({ category: SAFE_NAVIGATION_EVENT, action: 'Transactions' }) trackEvent({ category: SAFE_NAVIGATION_EVENT, action: 'Transactions' })
}, [trackEvent]) }, [trackEvent])
useEffect(() => {
console.log('La coupeeeee')
}, [])
const handleTxExpand = (rowId) => { const handleTxExpand = (rowId) => {
setExpandedTx((prevRowId) => (prevRowId === rowId ? null : rowId)) setExpandedTx((prevRowId) => (prevRowId === rowId ? null : rowId))
} }
@ -121,12 +125,9 @@ const TxsTable = ({ classes }) => {
colSpan={6} colSpan={6}
style={{ paddingBottom: 0, paddingTop: 0 }} style={{ paddingBottom: 0, paddingTop: 0 }}
> >
<Collapse <Collapse in={expandedTx === rowId} unmountOnExit>
component={() => <ExpandedTx row={row} />} <ExpandedTx row={row} />
in={expandedTx === rowId} </Collapse>
timeout="auto"
unmountOnExit
/>
</TableCell> </TableCell>
</TableRow> </TableRow>
</React.Fragment> </React.Fragment>