You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Develop a user interface component for creating new product tour items. This task involves splitting the interface into smaller, reusable components and integrating them into the overall design. Use example as guidance , fill free to change all necessary props and names. Integrate it with our existing components (button etc.)
Requirements:
Integrate ProductTour page.
Product Page has to be available if click on left menu sdiebar.
The main interface should be split into the following components:
TourList Component
Props:
items: Array of objects containing title and timestamp.
Develop a user interface component for creating new product tour items. This task involves splitting the interface into smaller, reusable components and integrating them into the overall design. Use example as guidance , fill free to change all necessary props and names. Integrate it with our existing components (button etc.)
Requirements:
Integrate
ProductTour
page.Product Page has to be available if click on left menu sdiebar.
The main interface should be split into the following components:
TourList Component
items
: Array of objects containingtitle
andtimestamp
.onSelectItem
: Function to handle item selection.TourListItem Component
title
: String representing the tour title.timestamp
: String representing the time of the tour.ContentArea Component
children
: React nodes to be rendered inside the container.ContentHeader Component
title
: String for the content header.TourDescriptionText Component
description
: String for the tour description.InfoTooltip Component
text
: String for the tooltip text.title
: some title textAdd Delete Icon to TourListItem Component
onDelete
: Function to handle the delete action.Add Settings Icon to TourListItem Component
onEdit
: Function to handle the edit action.Implement Confirmation Popup Component
open
: Boolean to control the visibility of the popup.onConfirm
: Function to handle the confirmation action.onCancel
: Function to handle the cancellation action.The delete and settings icons should be Material-UI
IconButton
components with appropriate icons.The confirmation popup should be a Material-UI
Dialog
component.All new functionality should be fully responsive and accessible.
Implementation Details:
ProductTour
page, ensuring they work together smoothly.https://www.figma.com/design/MLPbP1HM2L9ON6f88pHTee/User-onboarding?node-id=0-1&t=zfaJdBG4PYDSysBJ-1
The text was updated successfully, but these errors were encountered: