Implement UI for Synchronization with Ceramic for Gitcoin Passport Data

[erichfi]

As the Gitcoin Passport data is now stored in our own database, it is necessary to synchronize it with Ceramic in the background so that the data is also available on Ceramic.

Design Goals:

1. Automatically synchronize Gitcoin Passport data with Ceramic to ensure data availability. [TECH]
2. Ensure data synchronization only occurs for Passport holders with an active session and who are signed in. [TECH]
3. Notify the Passport holder about the data migration in a non-intrusive manner. [DESIGN]
4. Ensure the data migration process does not hinder the normal use of the Passport. [DESIGN]
5. Develop a reusable solution that can be used for writing to blockchains in future on-chain integrations. [DESIGN]
   • One or multiple synchronizations.
6. Indicate the sync progress for a specific network in a human-centered manner. [DESIGN] Note: The synchronization should be initiated automatically, without requiring user action.

Product & Design Links:

Synchronization to Ceramic

[Etovardesign]

Notes:

• We could trigger this upon sign-in.
• We could trigger this upon stamp verifications.

[Etovardesign]

The live Passport shows more than one notification at a time but they overlap as shown:

The proposed solution would establish a pattern for multiple notifications. A close button would allow users to have control.

[Etovardesign]

Version 1

Version 2