Safe-react: [Address Book v2] Export the address book

Created on 30 Apr 2021  ·  3Comments  ·  Source: gnosis/safe-react

When clicking on the Export button (from #2234):

Generate a CSV with three columns:

“OpenSea”;”0x12AF43637576573264353453”;"1"
“Vitalik”;”0x3C4B85A093412AF43637576573”;"1"
  • Create a file blob and a link for it:
        const blob = new Blob([CSV], {type: "octet/stream"}),
        const url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = fileName;
  • Show the link in a modal window (design tbd in #2233)

Screenshot 2021-04-30 at 14 10 42

UI components epic-address-book

Most helpful comment

All 3 comments

I think we should specify that what is going to be exported is a CSV, probably in the modal.

Really nice, @alongoni!
I've left feedback in #2233. Let's discuss the designs there.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tschubotz picture tschubotz  ·  6Comments

lukasschor picture lukasschor  ·  4Comments

katspaugh picture katspaugh  ·  4Comments

fernandomg picture fernandomg  ·  4Comments

rmeissner picture rmeissner  ·  6Comments