...
Task 4— Create Bottom Sheet with QRCode in Home Page.
Create a component BottomSheets in the folder
workspaces/frontend/src/components/Add this new component in path:
workspaces/frontend/src/components/layout/index.tsx- we are but this component just can show in home page, so we can know if in home page with codeconst isHomePage = window.location.pathname === '/';Should create a new component to show QRCode with hash value, this hash must get the Storage using a key
Should use QRCode component in
workspaces/frontend/src/components/qrcode/qr-code.tsx
...
Display Bottom Sheet with QR only on home screen
Show this component just has HashCode in LocalStorage
Show this component while the time configured in sanity does not expire
Show this component just Home Page
Expand content on click
The Start Order should appear just above the bottom sheet, but when the bottom sheet is expanded the start order button should be overlaid by the bottom sheet and the background has to be obscured, to highlight the qrcode. Attention, the POC don’t have this comportment, so we need to implement this.
Feature flag
ENABLE_BOTTOM_SERVICE_MODEmust continue to work.Should show this QRCode only on mobile devices.
...
if hash is expired, should not show on the QRCode card.
Should not removed hash the LocalStorage.
The order must have status equal to INSERT_SUCCESSFUL or UPDATE_SUCCESSFUL
The updateAt field in the Order must be the calculation basis.
Task 7 — Validations of durations of QR code - Home Page
...
(little Chicken)
if hash is expired, should not show bottom sheet.
Should not removed hash the LocalStorage.
The order must have status equal to INSERT_SUCCESSFUL or UPDATE_SUCCESSFUL
The updateAt field in the Order must be the calculation basis.
...