[React Proejct - UI Update] SideMenu
Budget: $99 – $100 USD
# Project
## Please must be sure to understand clearly before developing
- [[L] ISMS-01-015 Front-end Development - Architecture & Specification](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:h2=[L]-ISMS-01-015-Front-end-Deve)
- [Coding Specification](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:uid=902083922869456272782841&h2=Coding-Specification)
- [Component library introduction](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:uid=389847008630544294996817&h2=Component-library-introduction)
## Deadline
Deadline need to push the code.
2022/11/02 20:00 (GMT+8)
# Budget
USD 100
---
## Description
A clear and concise description of what the problem is.
- Update {{page/dialog/function/action}} UI consistent with figma
---
## Goal
- [ ] Move exist organization selector to the navbar temporary
- 
- [ ] Upate SideMenu UI
- Show the exist menu
- Use exist menu zh-TW Text, english just let you know clearly
- The menu [components and storybook](https://6315727d26061e4ff69beeea-yycvwgkjyb.chromatic.com/?path=/story/modules-nestedsidemenu--default) have completed , If the menu's item show in storybook but not in the project, don't need to show it .
- 
- Each Organization have different menu function
- 馴錢師財商顧問股份有限公司 has all function except website
- Digital System Integration Inc. has website and some function exist in 1st organization.
- 
- Exist Structure
- Be list in the github issue
- Exist UI
- 
- 
- New UI(Please follow the Figma and check detail with Figma prototype)
- [Components&Storybook](https://6315727d26061e4ff69beeea-yycvwgkjyb.chromatic.com/?path=/story/modules-nestedsidemenu--default)
- 
---
# Resources
## [Figma](https://www.figma.com/file/OlUxH6H4u3DLEmeytXgNkV/Infocenter-UI-Kit?node-id=442%3A192)
---
## API Endpoint
- [Development Process](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:uid=498176361544372340842148&h2=Development-Process)
- [Set Development environment](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:h2=Set-Development-environment)
- We provide two way to call the API , please follow the document to setting the enviroment.
- mock server
- https://e5cc5e69-6c28-44dd-a100-0b914f8cf540.mock.pstmn.io
- dev server
- https://dev.egroup-infocenter.com
- [Login at local](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:h2=Login-at-local)
---
# Acceptance
## Function Review
- Fulfilling requirements.
- [ ] UI of this issue adjusted to be consistent with figma
- [ ] Delivering complete code and functionality.
- [ ] Add and update the UI used by this Issue.
- [ ] Delivering complete code and functionality.
## Please must be sure to understand clearly before developing
- [[L] ISMS-01-015 Front-end Development - Architecture & Specification](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:h2=[L]-ISMS-01-015-Front-end-Deve)
- [Coding Specification](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:uid=902083922869456272782841&h2=Coding-Specification)
- [Component library introduction](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:uid=389847008630544294996817&h2=Component-library-introduction)
## Deadline
Deadline need to push the code.
2022/11/02 20:00 (GMT+8)
# Budget
USD 100
---
## Description
A clear and concise description of what the problem is.
- Update {{page/dialog/function/action}} UI consistent with figma
---
## Goal
- [ ] Move exist organization selector to the navbar temporary
- 
- [ ] Upate SideMenu UI
- Show the exist menu
- Use exist menu zh-TW Text, english just let you know clearly
- The menu [components and storybook](https://6315727d26061e4ff69beeea-yycvwgkjyb.chromatic.com/?path=/story/modules-nestedsidemenu--default) have completed , If the menu's item show in storybook but not in the project, don't need to show it .
- 
- Each Organization have different menu function
- 馴錢師財商顧問股份有限公司 has all function except website
- Digital System Integration Inc. has website and some function exist in 1st organization.
- 
- Exist Structure
- Be list in the github issue
- Exist UI
- 
- 
- New UI(Please follow the Figma and check detail with Figma prototype)
- [Components&Storybook](https://6315727d26061e4ff69beeea-yycvwgkjyb.chromatic.com/?path=/story/modules-nestedsidemenu--default)
- 
---
# Resources
## [Figma](https://www.figma.com/file/OlUxH6H4u3DLEmeytXgNkV/Infocenter-UI-Kit?node-id=442%3A192)
---
## API Endpoint
- [Development Process](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:uid=498176361544372340842148&h2=Development-Process)
- [Set Development environment](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:h2=Set-Development-environment)
- We provide two way to call the API , please follow the document to setting the enviroment.
- mock server
- https://e5cc5e69-6c28-44dd-a100-0b914f8cf540.mock.pstmn.io
- dev server
- https://dev.egroup-infocenter.com
- [Login at local](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:h2=Login-at-local)
---
# Acceptance
## Function Review
- Fulfilling requirements.
- [ ] UI of this issue adjusted to be consistent with figma
- [ ] Delivering complete code and functionality.
- [ ] Add and update the UI used by this Issue.
- [ ] Delivering complete code and functionality.