Feat: Add manage supported chain action

[mmioana]

Feat: Add manage supported chain action

Description

• This PR adds the brand new ✨ Manage supported chains ✨ action, including the action and completed action views for both adding/removing support ( aka deploying a proxy colony and disabling it ) and the saga for disabling the proxy colony.
• Also took the chance to add the feature flag for showing the new action in the action sidebar.

Block ingestor PR

Testing

TODO: Let's test we can actually deploy a proxy colony and then disable it.

Important

Make sure you have the POSTHOG_KEY and POSTHOG_HOST set. If you don't have the values, please don't hesitate to contact me.

Note

Given for the moment we only span 2 more proxy colonies, only 2 chain options are enabled.

• Step 1. Please start a fresh dev env npm run dev

• Step 2. Create some data node scripts/create-data.js

• Step 3. Please create a new colony by running node scripts/create-colony-url.js and complete the colony creation

• Step 4. Let's first check the feature flag works accordingly. Click Manage colony

• Step 5. You should see the Manage supported chains brand new action
  

• Step 6. At line 48 in src/context/FeatureFlagsContext/FeatureFlagsContextProvider.tsx, add these lines

      [FeatureFlag.SUPPORTED_CHAINS_ACTION]: {
        isEnabled: false,
        isLoading: false,
      },

• Step 7. Check the sidebar again. You should no longer see the Manage supported chains action
  

• Step 8. Revert the changes

• Step 9. Let's create a Manage supported chains action. Select Add supported chain for add/remove field and Ethereum as the chain
  

• Step 9. Add other missing fields and complete action.
  This will fail for the moment and the 404 will be shown in the completed action view due to the colonyId being not properly set, thus causing the query fetching an action to error out.
  

• Step 10. Let's manually adjust this. Run the following mutation

mutation MyMutation {
  updateColonyAction(
    input: {id: "<TX_HASH_HERE>", colonyId: "<COLONY_ADDRESS_HERE>"}
  ) {
    id
    colony {
      id
      name
    }
  }
}

You can find the tx hash either in the console or in the search params

• Step 11. Refresh the page and if you haven't close the action sidebar, you should see the view. Otherwise you can find the action in the activity table or just manually set the ?txHash=<TX_HASH_HERE> search param
  

• Step 12. Now please create another Manage supported chains action.

• Step 13. Select the Add chain support for the Add/remove and Ethereum should no longer be in the chain select
  

• Step 13. Now select Remove chain support for the Add/remove field. Ethereum should be the only available option for the chain select
  

• Step 14. Fill the missing fields and create the action.

Screen.Recording.2024-12-27.at.12.08.57.mov

• Step 15. Both actions should be visible in the activity table - though the copy might need to be changed

• Step 16. Check also the transactions tab

Diffs

New stuff ✨

• disableProxyColony saga
• Manage supported chains action
• Feature flag for Manage supported chains action

TODO

• A bug related to setting the action's colonyId upon deploying a proxy colony needs to be solved in order to properly solve this
• Need to update action title/subtitle for activity tables
• Need to add the meatball menu with: Redo action and Copy link

Resolves #3410
Resolves #3411
Resolves #3412
Resolves #3413
Resolves #3414