• Clarify if we need to keep the current implementation or use the design's state. This might affect the Android platform (or we'll be out of sync).

• Splash screen zeplin
• Tab bar with balances tab shows the empty state and button zeplin

• Screen is presented as modal. Can we present it as pushed? This will also change the "Cancel" button
• The "Next" button is not semibold

• The ENS name is auto-capitalized, this should not be the case. Also, the grammar correction should be disabled.
• Add "." to the keyboard by default (I think there should be a separate keyboard for that)
• The text field border and icon are not what the UI specifies
• The check mark icon is in the wrong place (should be near the "Address found" text)
• The address text is not bold as it should be in the design.

• Different spacing between items than in design
• QR code size is different
• The "arrow" button is bold but it is not in the design.

This is a work item to create a "Top" tab view that is present in the Balances and Settings tabs.

• The vertical spacing is wrong
• The text should not be bold
• Remove the "x" mark from the text field

• Scan the QR code and return the result to the caller.

Business Logic:

• Safe entity - information about safe; EthAddress - type for ethereum address
• SafesController - will be a model type for handling CRUD operations with safes. It will be used to add safe by the UI.
• SafeDataController - this controller will use services to pull data about a safe address and potentially store it in database for caching purposes.

Data Access (in Data Layer):

• Core Data model
• CoreDataController

Services (in Data Layer):

• SafeRelayService - will return information about safe (for now)

Dismiss keyboard when click outside of text input

Check if screen scrolls automatically when the text field is covered by the keyboard.

• Open Safe Info (click on the safe name at the top)
• Open the safe address in safari (tap on the arrow button)
• Close the browser
• Tap anywhere to close the Safe Info
• Tap on "Switch Safe" button (arrow down button)

The switch safe screen does not open

Expected: the switch safe screen opens at any time.

• Height of the navbar is too small
• Somehow the font of the label in designs is different from the standard font of the iOS
• The load button width is too small
• The "Balances" tab should be named "Assets"

Accessible from the Safe Settings

• Use the UI design from the safe app

• When the screen is just moving up, the closing button "X" is not visible on the design - is this is how it needed?
• There is a horizontal mark in the middle of the top edge in the designs which disappears when the screen is full screen.
• The safe name should be further apart from the safe address in the cells

Tooltip as a feedback on copying anything in the app (UI design from the safe app)

NOTE

During implementation, it turned out that the tooltip is interfering with the system behavior, and it is not showing in some situations (when address is in the list, like in Safe Settings). Unfortunately, it is not fixable at the moment.

Per discussion with Sasha, we decided to show the snackbar notification instead.

How to test

Tap on an address in Settings and in other places, it should show the "Copied to clipboard" snackbar message.

in

• Number of crashes: 1
• Impacted devices: 1

There's a lot more information about this crash on crashlytics.com:
https://fabric.io/gnosis/ios/apps/io.gnosis.safe/issues/e93e976e54e5f3c67d9e34454f85490f?utm_medium=service_hooks-github&utm_source=issue_impact

• The selected safe view at navigation bar

If the name is not set, display the text "Reverse record not set"

Make a consistent approach to localization strings throughout the app, including localization of error messages, and localization of strings from third-party libraries.

Safe info pop-up overlay with

• ENS name
  

• Address
  

• QR code
  

• Identicon
  

• Transition with "overlay"

Copy git hooks from the legacy app

The contract version cell must display either that the contract is up to date, or upgrade available, or, if the master copy is not known, display "Unknown".

Here is the list of contract versions and master copy addresses:
- master_copy: "0xAC6072986E985aaBE7804695EC2d8970Cf7541A2" version: "0.0.2"
- master_copy: "0x8942595A2dC5181Df0465AF0D7be08c8f23C93af" version: "0.1.0"
- master_copy: "0xb6029EA3B2c51D09a50B53CA8012FeEB05bDa35A" version: "1.0.0"
- master_copy: "0x34CfAC646f301356fAa8B21e94227e3583Fe3F5F" version: "1.1.1"

If the master copy of the safe is not one of the addresses above, then we display "Unknown" as the contract version.
Otherwise, if the master copy is the latest master copy, we display the "Up to date" UI
Otherwise we display "Upgrade available".

Bad error message when entering not a safe address.

in

• Number of crashes: 1
• Impacted devices: 1

There's a lot more information about this crash on crashlytics.com:
https://fabric.io/gnosis/ios/apps/io.gnosis.safe/issues/bdfec034858cd3eb4733566f79c630b2?utm_medium=service_hooks-github&utm_source=issue_impact

• Screen with ENS name entry that resolves name to address for input in the address field.
• Assume that we reuse UI designs from the Safe iOS app.
• Get ENS name from address
• Get address from ENS name
• Try to go with a simple configuration (it will be a separate task)

• We need not to show the master copy address, because we already show it in the main screen together with the contract version
• The fallback handler should have a human-readable text. If the handler is our default address (right now it is 0xd5D82B6aDDc9027B22dCA772Aa68D5d74cdBdF44), then we display "DefaultFallbackHandler". If it is a zero address, we should display text "Not set" and do not display the address. In other cases, we should display "Unknown".
• The screen should show the addresses truncated as in the designs

• Shows action sheet to remove
• The selection switches to the next safe in the safes list
• The balances tab opens.

• Height of normal cells differs
• Height of the cells with addresses differs
• The address text is not bold
• The "arrow" button is bold

• Can we make it completely full screen?
• There is a "Scan" text which should not be there.

• Save button should be bold
• Textfield has green border and checkmark
• When textfield becomes empty, it only has the red border, without the error message.

• I can enter an arbitrary long safe name when editing it. After I do that, the safe selector is displaying the name as it is. We need to truncate the displayed name to a specific width, where it is displayed.

• When I enter the long name, save, then change back to a short name, the safe selector shifts closer to the center of the screen. If I restart the app, then the name displays ok.

After changing from long name:

And after restart it is back to normal:

We'll need to change the data model, so we'll need to run migration.

• The Next button is not bold
• The address is truncated and is one line (should be two)
• The address text is not bold
• The check mark icon is not bold and smaller than in the design
• The spacing between address and text, and between text and textfield are not as in the designs
• The text field has green border and check mark, which is not as designed.

Make a consistent error handling solution for handling networking errors, server response errors, validation errors, database errors, and third-party library errors.

This is about UI and about error handling in the code.

Tapping on the transparent area should close it. Tapping on the card should not.

• List of safes with switching the safe selection

• There is a list of Safes (Can be empty)

The splash screen is not using the Averta font. The issue was that the custom fonts are not supported in the launch screens, so we need to use an image instead. The image is ready to use in Zeplin.

Here's the current state:

• Only safe settings, without the switching between app and safe settings.

• Information is pulled without networking only out of database Information is downloaded from the backend service.

• Open edit safe name

• When selection changes, the settings show the newly selected safe

• Clarify the remove state - when removed, select the first safe from the list

• Clarify the "not selected state" - maybe show the "Load safe" screen? keep the settings screen?

• Download on inital safe adding
• Update regularly when the app starts
• Update on request (when later we need to update when settings change)

• Use Address Input
• Open Safari screen
• Loading state
• Showing of errors (to be clarified)

Zeplin link

in

• Number of crashes: 1
• Impacted devices: 1

There's a lot more information about this crash on crashlytics.com:
https://fabric.io/gnosis/ios/apps/io.gnosis.safe/issues/145d9347772b9985baffbe41bbe1d53e?utm_medium=service_hooks-github&utm_source=issue_impact

• Text input
• Identicon
• Ethereum Address Label
• On finishing, triggers business logic.

Zeplink