Trim and Normalize Whitespaces in Input Fields For 'Accounts' Page

[ombhardwajj]

Improvements for the "Accounts" Page

We’re looking to make a few small but impactful improvements to the "Accounts" page. These tasks are perfect for new contributors who want to get familiar with the codebase and make their first contribution!

---

Task / Acceptance Criteria

Trim and Normalize Whitespaces in Input Fields

Description:
When users input values for the following fields, leading and trailing whitespaces are currently saved as-is in the database:

• Name
• Region

This causes issues later when searching or comparing these values, as whitespaces can lead to mismatches or failed lookups. For example, searching for "RegionName" won’t return results if the saved value is " RegionName " (with spaces).

To fix this, we should:

1. Trim leading and trailing spaces: Remove spaces at the start and end of the input.
2. Normalize internal spaces: Reduce multiple spaces between words to a single space.

Example:

• Input: " Region " → Output: "Region".

---

Additional Notes

• These tasks are beginner-friendly, so don’t hesitate to ask questions if you need help!
• If you’re new to open source, check out our contributing guide

---

Why This Matters

These improvements will:

• Prevent future issues with data quality/consistency/usability and search functionality.

[xFooFoo]

Hello Om, could I please be assigned to this task? Would love to work on this as my first issue!

[ombhardwajj]

Done ! Here you go ! @xFooFoo

[xFooFoo]

@ombhardwajj Thanks Om. Would I need to create unit tests for this task and I'm running the app locally but I'm not sure how to by-pass the login authentication?

[ombhardwajj]

Hey @xFooFoo ,
Thanks for your contribution. It would be great if you could add the unit tests and post a video/screen recording of the fix . I am not sure why you are facing an authentication issue. Could you share some more details ?

[xFooFoo]

@ombhardwajj Do you have the steps I can follow to get to the 'Accounts' Page without logging in?
Also, do we use Jest for unit tests and yes I can do a video too once I can access the 'Accounts' Page.

[ombhardwajj]

@xFooFoo Start the server and then the webapp (by default it would start as an admin). Thats it. It never asks for a password.

[xFooFoo]

@ombhardwajj I used the command

make start-with-staging

and it brings me to the following page to login.

[ombhardwajj]

Oh I see where the problem is . You don't need to use make start-with-staging instead just do make start or REACT_APP_DEV_ENV_USER=admin. Staging is used by internal developers , I've updated the docs.
Please don't forget to go through readme and docs once !

[xFooFoo]

Neither of the commands worked for me initially that's why I had to make a custom one that launched as a non-admin user unfortunately.