[Feature Request]: Create a Custom Empty Modal to handle the UI when the data is empty.

[Pratik2026]

Is your feature request related to a problem? Please describe.

Currently, there's nothing to display when the data is empty which is a bad UX. You can see that when you visit either the profile page or the admin dashboard/schedule page, it will display empty space.

Describe the solution you'd like

Create a custom Empty Modal which will display when there is no data. The component should take the title and description as props. It should display till the data is empty. This component should be displayed on the following page whenever required:

• Profile page
• Dashboard
• Schedule

To gain more clarity, visit the following link for reference: https://react.keepdesign.io/docs/components/empty#default-empty

Describe alternatives you've considered

No response

Developer Help

• In order to view the admin page as an "Admin" role, you can make a slight change in "frontend/src/store/ authstore.tsx" file: At line 25 : setUser: user => set({ user: { ...user, role: 'admin', } }),

[Vaibhavsahu2810]

@Pratik2026 i would like to work on this issue.I will create the custom Empty Modal which will display when there is no data in mui.

[bravichandra12]

@Pratik2026 I would like to work on this issue. I will create a custom empty modal when there is no data displayed

[Pratik2026]

@Vaibhavsahu2810, Your previous issue is still pending to be reviewed

[ShashaankS]

@Pratik2026 I would like to work on this issue, I will create a custom empty modal when there is no data to display in "Profile, dashboard, schedule " pages, being new to busify this issue is good to start with.

[Pratik2026]

@bravichandra12 You can start working on it.

[Pratik2026]

@ShashaankS I appreciate your enthusiasm as a new contributor! We will be opening more good first issues very soon on an FCFS basis. I hope you can take them on.