[Enhancement] Qualifications Page Resets After Adding New Staff

[YuxinZhang214]

Describe the Enhancement

• Currently, after adding a new staff member, the Qualifications page resets to its default state 0.
• While this reset might be an intended feature, maintaining the current state and not resetting could improve user experience, especially when adding multiple staff members consecutively.

Desired Behaviour
After adding a new staff member, the Qualifications page should maintain its current state

Current Behaviour
After adding a new staff member, the Qualifications page resets to its default state 0

Suggested Solution

• Consider updating the page's behaviour to retain its state after adding new staff.
• If the reset is an intended feature, perhaps a toggle or setting can be added that allows users to choose between resetting and retaining the page's state.

Environment

• OS: macOS Ventura 13.2.1
• Browser: Chrome 115.0.5790.114
• Node.js version: v16.17.1

[YuxinZhang214]

In /page/(main)/qualifications/page.tsx line 37 - 48.
Here's that code section for resetting the staff number to its default state 0

{Object.entries(skillList).map((skill) => (
            <div key={skill[0]} className={"flex w-full gap-4"}>
              <NumberInput
                defaultValue={skill[1].minCount}
                min={0}
                className={"max-w-[80px] max-h-[40px]"}
                onChange={(e) => {
                  if (e.trim() && parseInt(e.trim()) >= 0) {
                    setSkillMinCount(skill[0], parseInt(e.trim()));
                  }
                }}
              >

[YuxinZhang214]

The issue also happens when deleting the staff

[YuxinZhang214]

It also happens after done scheduling