Description
The goal of this task is to develop the QuizzesContainer component, a key feature in our application that will serve as the primary interface for managing quizzes. This component should provide functionalities for displaying quizzes, adding new quizzes, editing existing quizzes, and integrating with other established components and services
Requirements:
Structure:
The QuizzesContainer should follow the design patterns and code structure demonstrated in the Question and Categories components as examples
Utilize Material-UI's Box component to wrap the entire container for consistent styling
Functionality:
AddResourceWithInput: Integrate the AddResourceWithInput component to enable adding new quizzes
MyResourcesTable: Utilize the MyResourcesTable component for displaying the list of quizzes. Adjust columns and data handling as necessary to fit the quiz context
Routing: Add a new path to the application's router for navigating to the QuizzesContainer
Data Handling and Services:
Implement fetching, deleting, and searching functionalities using the ResourceService. Handle these operations with appropriate callbacks and error handling
Use mocked data { count: 1, items: [] } for initial development and testing, ensuring the component can handle dynamic content updates
Tests:
Write tests for the QuizzesContainer to validate its functionality, including integration points with other components and services
Tests should cover user interactions, state management, and integration with the backend services (using mocked data)
Description The goal of this task is to develop the QuizzesContainer component, a key feature in our application that will serve as the primary interface for managing quizzes. This component should provide functionalities for displaying quizzes, adding new quizzes, editing existing quizzes, and integrating with other established components and services
Requirements: Structure: The QuizzesContainer should follow the design patterns and code structure demonstrated in the Question and Categories components as examples Utilize Material-UI's Box component to wrap the entire container for consistent styling Functionality: AddResourceWithInput: Integrate the AddResourceWithInput component to enable adding new quizzes MyResourcesTable: Utilize the MyResourcesTable component for displaying the list of quizzes. Adjust columns and data handling as necessary to fit the quiz context Routing: Add a new path to the application's router for navigating to the QuizzesContainer Data Handling and Services: Implement fetching, deleting, and searching functionalities using the ResourceService. Handle these operations with appropriate callbacks and error handling Use mocked data { count: 1, items: [] } for initial development and testing, ensuring the component can handle dynamic content updates Tests: Write tests for the QuizzesContainer to validate its functionality, including integration points with other components and services Tests should cover user interactions, state management, and integration with the backend services (using mocked data)