Skip to content
This repository was archived by the owner on Nov 10, 2023. It is now read-only.

(Feature) Add "Action" details in transaction list#1134

Merged
fernandomg merged 105 commits intodevelopmentfrom
feature/#882-add-action-details-in-tx-list
Aug 6, 2020
Merged

(Feature) Add "Action" details in transaction list#1134
fernandomg merged 105 commits intodevelopmentfrom
feature/#882-add-action-details-in-tx-list

Conversation

@fernandomg
Copy link
Contributor

This PR closes #882, by displaying tx decodedData along Data (hex encoded) tx details, whenever is possible.

I'm not so sure about the final layout, but it's somehow done:

It's draft as it is derived from the PR #1106 branch,

fernandomg added 30 commits July 8, 2020 17:30
…ing-multiSend

# Conflicts:
#	src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/index.tsx
…ing-multiSend

# Conflicts:
#	src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/index.tsx
@ghost
Copy link

ghost commented Aug 3, 2020

Travis automatic deployment:
https://pr1134--safereact.review.gnosisdev.com/app

@francovenica
Copy link
Contributor

The ticket is in "Draft" status, so I cannot approve it, but it is approved from my side. It was tested with the #1106

@fernandomg fernandomg marked this pull request as ready for review August 4, 2020 19:22
@github-actions
Copy link

github-actions bot commented Aug 4, 2020

CLA Assistant Lite All Contributors have signed the CLA.

@ghost
Copy link

ghost commented Aug 4, 2020

Travis automatic deployment:
https://pr1134--safereact.review.gnosisdev.com/app


const TxInfoDetails = ({ data }: { data: DataDecoded }): React.ReactElement => {
const methodName = data?.method ? ` (${data.method})` : ''

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is it possible to have arguments if there is no method?

Copy link
Contributor Author

@fernandomg fernandomg Aug 5, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nope! actually that check is unnecessary.

After this review, did some cleanup.

Thanks!

- removed unnecessary `methodName` variable
- removed `<strong>` HTML element in favor of the `strong` Text property
- moved MultiSend custom data to `MultiSendCustomData` component
- renamed previously named `MultiSendCustomData` to `MultiSendCustomDataAction`
@ghost
Copy link

ghost commented Aug 5, 2020

Travis automatic deployment:
https://pr1134--safereact.review.gnosisdev.com/app

const TxInfoDetails = ({ data }: { data: DataDecoded }): React.ReactElement => (
<TxInfo>
<TxDetailsMethodName size="lg">
<strong>{data.method}</strong>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nitpick: here we're using strong tag but everywhere else in this file component <Bold /> is used, was it intended?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bold is a whole component just to put a <b/> tag, don't think it is necessary. Also, I prefer the semantic nature of strong.

That being said, I just removed this strong, in favor of the strong prop in the TxDetailsMethodName component 😬

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think that strong's semantics have to do anything with what we want to there: https://www.w3schools.com/tags/tag_strong.asp

Copy link
Contributor

@mmv08 mmv08 Aug 5, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking at your commit, it seems that you didn't understand my point. My point is that there are 4 occurrencies of <Bold /> component in this file and it would be great if we keep the things consistent

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the issue for tracking: #1215

@ghost
Copy link

ghost commented Aug 5, 2020

Travis automatic deployment:
https://pr1134--safereact.review.gnosisdev.com/app

@ghost
Copy link

ghost commented Aug 5, 2020

Travis automatic deployment:
https://pr1134--safereact.review.gnosisdev.com/app

@ghost
Copy link

ghost commented Aug 6, 2020

Travis automatic deployment:
https://pr1134--safereact.review.gnosisdev.com/app

@fernandomg fernandomg merged commit f8b9851 into development Aug 6, 2020
@fernandomg fernandomg deleted the feature/#882-add-action-details-in-tx-list branch August 6, 2020 15:18
@github-actions github-actions bot locked and limited conversation to collaborators Aug 6, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Critical Only for bugs in released apps, needs to be fixed asap and hotfix needs to be shipped. Feature 👑 New functionality

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Decoding] Transaction Information in Tx List

5 participants