Display "No Elections Found" Message When Filtered List is Empty

[akathedeveloper]

Description:

Currently, the ElectionDash component doesn't display a message when there are no elections matching the selected filter (Pending, Active, or Ended). This can cause confusion for users as it may seem like the filtering isn't working correctly.

This issue aims to enhance the user experience by displaying a prominent message when there are no elections that match the selected filter. The message should be centered and styled appropriately to make it clear that no elections are available for the selected status.

Steps to Reproduce:

• Navigate to the Election Dashboard.
• Select a filter (e.g., Pending, Active, Ended).
• If there are no elections that match the selected filter, observe that no message is displayed.

Expected Behavior:

When a user selects a filter and no elections match the selected filter:

• A message should be displayed at the center top of the election list area.
• The message should be bold and large enough to be easily noticed.
• The message content should be:
  1. "No pending elections found" for Pending.
  2. "No active elections found" for Active.
  3. "No ended elections found" for Ended.

Additional Context:

This improvement will enhance user experience by providing clear feedback when no elections are available for a specific filter. It also ensures the dashboard remains intuitive and user-friendly.

[xsankalp13]

Hi @akathedeveloper, I'd love to work on this issue. Could you please assign it to me? Thanks!

[Jassi2004]

HI is this issue still open. I would like to contribute to it. Can you please assign me to it.

[kartikshukla17]

hi i would like to contribute to this issue!

[Arjun20X]

Hi @akathedeveloper, I'd love to work on this issue. Could you please assign it to me? Thanks!

[Spoorthy1423]

Hey, can u assign me this issue please ,i would like to work on this issue @akathedeveloper

[Ronnieraj37]

Hey guys I believe @dakshmehta007 was assigned for this but there are no changes in his PR. Please look at the PR and my comments and create an optimal PR for this issue.

[ParagGhatage]

Hey guys I believe @dakshmehta007 was assigned for this but there are no changes in his PR. Please look at the PR and my comments and create an optimal PR for this issue.

Hey @Ronnieraj37
I have solved this issue with change in only one file.
Here's the demo video of change.
Please assign this issue to me so that I can submit a PR.

No.elections.found.mp4

[ParagGhatage]

Hey @Ronnieraj37 ,
I have submitted PR for this issue, with the changes you mentioned:
#81 .