agama-project / agama / 24077806593 / 2 – web

72%

master: 81%

push

github

refactor(web): network connection form UX (part 5) (#3352)

A continuation of network connection form reimplementation, built on top
of https://github.com/agama-project/agama/pull/3351.

It prefills connection name when creating a new connection with a value
based based on the connection type and the selected binding:

- Any device: connection type only, no suffix. E.g., "Ethernet"
- Chosen by name: connection type and device name. E.g.,
"Ethernet enp1s0"
- Chosen by MAC: connection type and device MAC address. E.g.,
"Ethernet 001122334455" (colons stripped)

The name updates reactively as the user changes the binding or device
selection. Once the user manually edits the Name field, auto-filling
stops.

If the base name is already taken by an existing connection, a numeric
suffix is appended (`Ethernet 2`, `Ethernet 3`, etc).


Interesting reading:

*
https://tanstack.dev/form/latest/docs/framework/react/guides/basic-concepts#field-state

3513 of 5564 branches covered (63.14%)

Branch coverage included in aggregate %.

13254 of 17510 relevant lines covered (75.69%)

88.71 hits per line