[GSoC2024] fix and refactor import-dataset-modal code (#7428)

[umangapatel123]

Refactor code to use useReducer instead of useState. Fixes #7428
'file' and 'fileName' in the uploadParams were not set to null after import. To avoid this change the code to set 'file' and 'fileName' to null after importing is done.

Motivation and context

This change is required to make the code clear. The previous code uses many useState to manage the state but this version uses useReducer to manage all the states.
In the previous code file and fileName in the uploadParams were not set to null after importing was done but this version set it to null so it can not use the previous file while importing annotation.
it solves issue #7428

How has this been tested?

The changes have been tested manually. The code was tested using different sequences of annotation uploads. The state of each parameter is tested by logging its state to the console.

Checklist

• I submit my changes into the develop branch
• I have created a changelog fragment
• [ ] I have updated the documentation accordingly
• [ ] I have added tests to cover my changes
• I have linked related issues (see GitHub docs)
• [ ] I have increased versions of npm packages if it is necessary
  (cvat-canvas,
  cvat-core,
  cvat-data and
  cvat-ui)

License

• I submit my code changes under the same MIT License that covers the project.
  Feel free to contact the maintainers if that's a concern.

[umangapatel123]

@klakhov can you please review?

[klakhov]

Could you also check the import cypress test? Its failed here
Tests docs

From quick look on the failed test I see the wrong notification is shown. Looks like while importing a project locally incorrect resourse param is inside uploadParams.

[umangapatel123]

@klakhov I've made the changes based on your suggestion and resolved the failing Cypress test. Could you please review it now?

[codecov]

Codecov Report

Merging #7599 (63d573e) into develop (ae7999b) will decrease coverage by 0.01%.
The diff coverage is n/a.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #7599      +/-   ##
===========================================
- Coverage    83.46%   83.45%   -0.01%     
===========================================
  Files          373      373              
  Lines        39739    39739              
  Branches      3741     3741              
===========================================
- Hits         33168    33166       -2     
- Misses        6571     6573       +2     

Components	Coverage Δ
cvat-ui	79.26% <ø> (-0.01%)	⬇️
cvat-server	87.32% <ø> (-0.01%)	⬇️

[umangapatel123]

@klakhov can you please approve the changes?

[klakhov]

@umangapatel123, Thanks for contribution.
As you've fixed a bug with importing a dataset, would you mind to contribute a cypress test covering this bug? I belive we need to reproduce the original issue's scenario. You may be familiar with test system already, as it helped to identify a problem in the pr.
For inspiration, you can look on project export test and tests concerning cloud storages here and here

[umangapatel123]

Okay, I will do that.

[klakhov]

Hi @umangapatel123 , can you share with us your progress with test? Are you still going to contribute?

[umangapatel123]

Hi @umangapatel123 , can you share with us your progress with test? Are you still going to contribute?

I am still working on it. yes, I am contributing. I was busy for some days due to university examinations.