[Epic] Governance Visibility

[DiogoSoaress]

Overview

Create better visibility for SafeDAO governance within our web interface

Tasks

Create a Governance section in the Dashboard

• [Governance Visibility] New Governance section #974
• [Governance Visibility] Claiming safe-app widget #970
• [Governance Visibility] Snapshot safe-app widget #976

Exploratory work:

• [Governance Visibility] Dark mode on widgets #1221
• [Governance Visibility] Combine governance widgets in one iframe #1222

Fixes:

• [safe-claiming-app]: Use tutis.eth snapshot space on goerli safe-react-apps#590
• [safe-claiming-app]: voting power widget without any allocation / tokens safe-react-apps#591
• [Governance widget] The claim widget should have fixed size #1275
• [Governance widget] The widget should be displayed only on Ethereum and Goerli for now  #1269
• make sure that text all over the widget has the font and size according to the design

Links

Problem Statement: https://www.notion.so/gnosis-safe/Safe-governance-has-no-visibility-in-our-product-interfaces-9ac542d352e0405486dc6380d4b7198b
Ideation: https://www.notion.so/gnosis-safe/Safe-governance-visibility-8ba5f8f4d58249c1bdac6c3ae2429992
Figma: https://www.figma.com/file/8nKOe7h90OS7jmn3nksbq9/Governance-visibility-widgets?node-id=1%3A2&t=6xgktRKjZ8vRyHbW-0

Test cases

https://www.notion.so/gnosis-safe/7a60bea771e8408aa641a86f0c6f163c?v=c0914058adc14f54954da24e75d0ac62

Screenshots (1024px)

[liliya-soroka]

29.11 - testing is done, waiting for fixes to retest

[katspaugh]

@liliya-soroka I've merged the fixes.