JoinColony / colonyCDapp

An iteration of the Colony Dapp sporting both a fully decentralized operating mode, as well as a mode enhanced by a metadata caching layer
5 stars 14 forks source link

feat: add meatball menu and duplicate and delete functionality #3736

Open Nortsova opened 3 days ago

Nortsova commented 3 days ago

Description

Implement meatball menu with "edit", "duplicate row" and "delete functionality"

image

Figma: https://www.figma.com/design/5V8pr7iMwXsT9L3VAZsmUt/Actions-%26-Motions?node-id=24968-204505&node-type=frame&t=JJb12klGvkI2mJ8F-0

[!TIP] I recommend reviewing this PR beforehand to better understand the context of Arbitrary transactions. 🙌

Testing

[!NOTE]
Add ARBISCAN_API=https://api.arbiscan.io/api to .env.secrets. For ARBISCAN_API_KEY, contact me or create a personal key here.

Step 1. Open "Arbitrary transaction" Motion (Open any motion and then select "Arbitrary transaction" from dropdown) Step 2. Add a New Transaction. Create a transaction with the following values: Field Value
Contract address: 0x90A6146E3C8bfde9779069608F0d94B89C7aAf65
Method: setResolver
_resolver (address): 0xb77D57F4959eAfA0339424b83FcFaf9c15407461

Step 3. Create a Transaction with Updated ABI: After entering the contract address, scroll to the bottom and update the latest object input type to bool.

image
Field Value
Contract address: 0x90A6146E3C8bfde9779069608F0d94B89C7aAf65
Method: setResolver
_resolver (bool): 1

Step 4. Duplicate the Second Row: Ensure the row is duplicated successfully.

image image
Step 5. Edit the Second Row: Update the row with the following values: Field Value
Method: setOwner
owner_ (address): 0xb77D57F4959eAfA0339424b83FcFaf9c15407461

Step 6. Verify the Second Row Update: Ensure only the second row was updated.

image

Step 7. Delete the Second Row: Ensure the first and third rows still have the correct data.

image

Feel free to perform additional tests not covered here to ensure this functionality works as expected.

Contributes to #3732