Skip to content

feat: add app setting page#33

Open
windforce852 wants to merge 1 commit intodevfrom
feat/CP-36-add-setting-page-v2
Open

feat: add app setting page#33
windforce852 wants to merge 1 commit intodevfrom
feat/CP-36-add-setting-page-v2

Conversation

@windforce852
Copy link

Main Feature:

  • implemented 'language' drop down, connected with a sample data array.
  • implemented 'theme' drop down, with two staic options 'light', 'dark'
  • drop down were implemented with react-hook-form
  • added AppSetting page into routeConfig
  • added entry from side nav bar
  • added unit tests that passed after migrate to next
  • changed theme hook to fit next js
Screenshot 2024-06-12 at 6 33 04 PM Screenshot 2024-06-12 at 6 32 57 PM Screenshot 2024-06-12 at 6 33 13 PM

@windforce852 windforce852 requested a review from Chris-Wang June 12, 2024 08:35
Copy link
Contributor

@Chris-Wang Chris-Wang left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please try to solve the ui mismatch issue in safari:
image

/>
</FormGroupField>
</FormGroup>

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No need to leave between lines in tsx return part

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do you mean /> in line 76 should merge to the tail of 75? done

FormGroupLabel,
} from '@/shared/components/form/FormElements';
import { Controller, useForm } from 'react-hook-form';

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

need to remove empty lines here

@windforce852
Copy link
Author

ready to rebase after most updated dev issue solved

@windforce852 windforce852 force-pushed the feat/CP-36-add-setting-page-v2 branch from be49d19 to 7b3756c Compare June 27, 2024 03:31
Added AppSetting page:
- implemented 'language' drop down, with Eng and Chn language options
- implemented 'theme' drop down, with two staic options 'light', 'dark'
- drop down were wrote by custom ul li, implemented within react-hook-form
- added AppSetting page into routeConfig
- added entry from side nav bar
- added unit tests that passed after migrate to next
- changed theme hook to fit next js

Resolve CP-36
@windforce852 windforce852 force-pushed the feat/CP-36-add-setting-page-v2 branch from 7b3756c to bb08ad5 Compare June 27, 2024 03:33
@windforce852
Copy link
Author

windforce852 commented Jun 27, 2024

Pushed a new verion that included the custom dropdown that using 'ul' 'li' rather than 'select' 'option' ; and added related test

@windforce852 windforce852 requested a review from Chris-Wang July 3, 2024 02:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants