[UI Update] Exist SideMenu X Header update -- 2

Job ID: 35210332

Budget: $49 – $50 USD

# Team
## About our team
1.Usually we look for team cooperation, we want to find the team that ensure stability - quality & schedule & price and can do our long-term outsourcing , make sure you can do it before contacting us.
2.We are ISO27001 certified and have clear specifications, if you want to participate in our work, need to follow our rule.
https://www.iafcertsearch.org/certified-entity/00522bad-28f0-51ce-a86a-86b27ffac5ca

---
## Let me know when we contact
1.You are team or individual
2.Provide the website you ever dev by react and typescript
3.Provide your github
4.Ever use figma and storybook

---
# Project
## Deadline
Deadline need to push the code. If the payment time is exceeded, the project will be cancelled
2022/11/14 22:00 (GMT+8)

---
## Budget - (This is the real amount, if you can't accept please don't contact me and waste each other's time)
USD 50 - This job takes 4 hours for our own junior engineers to develop, and 2 hours for senior engineers.
### Buget release
- Funds won't be released until UI Team and FT Team Review and all corrections are completed.

---
## Skill stack
1. React Storybook
2. ReactJS
3. React Material
4. Typescript
5. Yarn
6. Figma
7. Storybook

---
## Description
A clear and concise description of what the problem is.
- The sidebar is combined with the Header, and the scale and rendering are corrected.

---
## Goal
- [ ] Page/Flow/Action
- SideMenu
- Storybook UI
- ![image](https://user-images.githubusercontent.com/10756817/201023245-20ba48d0-cf4e-4a42-946c-a36f64c4fef6.png)
- New - UI Integrate with header and logo
- ![image](https://user-images.githubusercontent.com/10756817/201023142-f4307fe3-4810-44e9-be65-ed93c6fbc4e7.png)
- Header
- Exist UI
- ![image](https://user-images.githubusercontent.com/10756817/201023711-2289e4ce-1247-4aec-a3f3-8204feabf875.png)
- New UI
- Just need to put two icon
- Bell Icon
- The menu can temporarily not appear.
- Name Icon
- Temporary show the logout button after clicked like exist system.
- ![image](https://user-images.githubusercontent.com/10756817/201024203-7e577c05-0e3b-4b03-956a-7751a646d6c5.png)
- ![image](https://user-images.githubusercontent.com/10756817/201023794-bf5e26f0-7931-442a-a3cb-9d7bdf96db39.png)
- PC
- ![image](https://user-images.githubusercontent.com/10756817/201026317-a4281d00-7df5-40a8-8d3e-c0342fa632f1.png)

---

# Resources
## Figma
- Play the animation by Fimga prototype will know action on this page clearly
- ![image](https://user-images.githubusercontent.com/10756817/197662006-0418ec5e-a5b1-4725-8401-06c756de4b06.png)
- [UI of this issue follow figma design](https://www.figma.com/file/GH4M32mMjRucCuI8Ty66rd/Infocenter-Mockup?node-id=1399%3A48211)

---
# 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.
- Review
- [ ] QC Team - UI Review need fixed and pass
- [ ] FT Team - Code Reivew need fixed and pass