Page MenuHomePhabricator

[native] only display remove device button if current device is primary device
ClosedPublic

Authored by bartek on Sep 6 2024, 10:45 AM.
Tags
None
Referenced Files
F3349250: D13262.id45274.diff
Fri, Nov 22, 5:30 PM
F3349236: D13262.id45267.diff
Fri, Nov 22, 5:29 PM
Unknown Object (File)
Mon, Nov 18, 4:53 PM
Unknown Object (File)
Wed, Nov 13, 12:57 PM
Unknown Object (File)
Sat, Nov 9, 11:46 AM
Unknown Object (File)
Sat, Nov 9, 5:12 AM
Unknown Object (File)
Fri, Nov 8, 3:40 AM
Subscribers
None

Details

Summary

pretty self-explanatory. only the primary device should be able to remove other devices. we hide the remove device button if user is not on their primary device.

Test Plan

confirmed that the button only appears if i'm on my primary device

Diff Detail

Repository
rCOMM Comm
Lint
No Lint Coverage
Unit
No Test Coverage

Event Timeline

varun requested review of this revision.Sep 6 2024, 11:02 AM
native/profile/linked-devices-list-item.react.js
20–22 ↗(On Diff #43945)

Can't you reuse isPrimary? Their values should be equal

native/profile/linked-devices.react.js
38–40 ↗(On Diff #43945)

Not sure which way of determining primary device is better:

  • The one based on index (simple)
  • The one you introduced with effect (I guess more reliable?)
65 ↗(On Diff #43945)

Nit, kinda unrelated: if we need only deviceID, getContentSigningKey() doesn't require Identity context

ashoat requested changes to this revision.Sep 9 2024, 12:43 PM
ashoat added inline comments.
native/profile/linked-devices-bottom-sheet.react.js
142 ↗(On Diff #43945)

Should be avoided for the same reasons described for ternary here

native/profile/linked-devices.react.js
38–40 ↗(On Diff #43945)

I think just using the index is better

This revision now requires changes to proceed.Sep 9 2024, 12:43 PM
bartek edited reviewers, added: varun; removed: bartek.
  • Removed ternary from JSX
  • Fixed logic to disallow removing self device
native/profile/linked-devices-list-item.react.js
39 ↗(On Diff #43945)

I'd exit early here

Currently, when selected device isn't removable (primary device), an empty bottom sheet is displayed and it looks broken. Instead, it would be better not to open it, or at least display some placeholder text.

bartek marked an inline comment as not done.Oct 17 2024, 7:24 AM
ashoat added inline comments.
native/profile/linked-devices.react.js
25

Given we only need index to check if the device is primary, I think it would be more readable to determine that at the callsite, and then pass in isPrimary

41

You could use the isPrimary variable here

62–64

When you have two states that are updated at the same time and read from the same place, it's good practice to combine them into one

This revision is now accepted and ready to land.Oct 17 2024, 9:01 AM
native/profile/linked-devices-list-item.react.js
39 ↗(On Diff #43945)

Good catch – yeah, I think we should do this

Feedback: Added the early-exit condition, merged useState, simplified variables

native/profile/linked-devices.react.js
30 ↗(On Diff #45274)

Should we do the same and replace thisDeviceID with isThisDevice?

48–49 ↗(On Diff #45274)

React state should *always* be read-only. We should never allow mutating the state object directly, as this will not trigger a rerender

ashoat requested changes to this revision.Mon, Nov 4, 10:30 AM

Due to issues in D13125, I ended up checking out this stack locally. While testing I found the experience confusing due to inconsistency between the behavior of primary and non-primary device pills

native/profile/linked-devices-list-item.react.js
40–42 ↗(On Diff #45274)

It's weird that this button remains pressable even though it does nothing.

Can you make the TouchableOpacity no longer pressable when !shouldAllowDeviceRemoval, eg. with disabled={true}?

96 ↗(On Diff #45274)

I think it's confusing to the viewer that most of these pills can be pressed, but the one for the primary device can't be. There's no indication to explain why the primary device pill doesn't respond to presses, despite the other pills responding.

What do you think of adding a pencil icon to the right of the pills that can be edited? We could use the same SWMansionIcon that we use in EditSettingButton.

This revision now requires changes to proceed.Mon, Nov 4, 10:30 AM

Neat ideas, I came up with something like this (the first item is not clickable):

Simulator Screenshot - iPhone 15 Pro - 2024-11-08 at 14.13.50.png (2×1 px, 140 KB)

  • Made primary device non-clickable
  • Added pencil icons to editable items
  • Refactored isThisDevice
  • Made type readonly
This revision is now accepted and ready to land.Fri, Nov 8, 5:30 AM