improve wallet ui

[serapath]

@todo

• improve wallet ui
• datdot-ui#1 roadmapping

---

Wallet Screens (user perspectives)

1. Account ("activity/money") menu screen
   • chain info summary: => all events/transactions/...
   • chain action(s): all actions... (e.g. smartcontract-ui style)
     • filters => transactions, sponsorships, ...
   • select account from list of accounts
   • chain info summary: => user profile (e.g. profile, money, seedphrase)
   • chain action(s): send money, make/link sub-account
   • offchain info: account name, account address, seed phrase
   • offchain action(s): make account, export account
2. Data ("feeds") menu screen
   • select feed from list of feeds
   • chain info summary: => feeds & plans (e.g. status, size, sponsors, ...)
   • chain action(s): publish feed, sponsor feed
   • offchain info: feed size, ....
   • offchain action(s): delete feed data, ....
3. Service ("jobs") menu screen
   • select service from list of services
   • chain info summary: => role contracts (hoster, encoder, ...)
   • chain action(s): (un)register hoster, (un)register encoder, ...
   • offchain info: e.g. empy disk space, ....
   • offchain action(s): add disk space, ....
4. Auth ("permissions") menu screen
   • is different (not about chain, but only using datdot software manager)

---

in browser

1. Account menu screen

• account list
• create
• import
• export account
• forget account

2. Wallet menu screen

• total ratio
• filters (hosting, backing, sent, received)
• transactions (send, recevie)

3. Data (feeds) menu screen

(=> FEEDS with filter option)

• MY FEEDS (published by me)
• ALL FEEDS
• BACKED BY ME
• BUTTON: BACK EXISTING FEEDS (the list from MyFeeds or AllFeeds)
• NEW FEED
  • PUBLISH NEW
  • BACK IT

4. Service menu screen

(e.g. like on smartcontract-ui possible transactions)

• register (HOSTER, ENCODER, ATTESTOR)
• performance
  • i.e. available disk space etc.

5. Permission menu screen

(see Facebook Apps/Websites permissions)

• list of all apps
  • app1
    • permissions
      • feed1 allow/not allow
      • feed2 allow/not allow
      • feed3 allow/not allow
  • app2
    • permissions
      • feed1 allow/not allow
      • feed2 allow/not allow
      • feed3 allow/not allow
  • app3
    • permissions
      • feed1 allow/not allow
      • feed2 allow/not allow
      • feed3 allow/not allow

6. History menu screen

(notifications/events)

• history of confirmed/rejected popup transaction
• history of events/notification messages

---

B. on desktop (electron app)

notification popups

1. notify about events
2. popup permission (confirm/reject)
   • e.g.when vising the app => This app wants permission to connect/access your data
3. popup transaction (confirm/reject)
   • When confirming transaction => confirm/reject

[ninabreznik]

[fionataeyang]

Update: 7/28

Feeds page v2

1. change Feeds title to DATA title
2. Change bottom navigation
3. make top right avatar clickable to display account's menu
4. add grid/list icon
5. move + icon to bottom and sticky on bottom
6. add time into card info
7. adjust size of hotsters on block
8. make publish new data
9. make checked on ```be a sponsor`` to display region selector
10. make region selector dropdown
11. adjust information of publish new data when checked
12. adjust all prototypes

---

Update: 7/26

Feeds page v1

---

not done yet

1. Click avatar or address to display information
2. Search method and result

Wait design

1. Accounts page
2. Service page
3. Permission
4. Account's menu

[ninabreznik]

[serapath]

@fionataeyang

1. toggle button (active/inactive) => is a transaction, so users also needs to "CANCEL" or "CONFIRM" the change
2. what happens when the grid as a lot of chunks? how do big numbers fit into or around the grid?
3. a sponsor is paying every time a new hosting activity is happening and added to the activity log
4. the activity log should include all activity for the feeds, even if it coming from another plan
   • maybe color or icon or something can show difference between your plan activities and other plan activities for same feeds
5. maybe a chunk can have:
   • a gray color between black and white to show how good a chunk is hosted
   • maybe an additional number inside the chunk can say how many sponsors it has and just say 9+ if its more than 9?
   • maybe we can "filter" by geographic regions, to show only the chunks with colors that are hosted in selected regions