feat: show contactus data on admin dashboard

[adityanandanx]

Issue that this pull request solves

Closes: #740

Proposed changes

Display the contactus data as fetched from /getContactUs endpoint.

Brief description of what is fixed or changed

Types of changes

Put an x in the boxes that apply

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update (Documentation content changed)
• Other (please describe):

Checklist

Put an x in the boxes that apply

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• My changes does not break the current system and it passes all the current test cases.

Screenshots

Please attach the screenshots of the changes made in case of change in user interface

Other information

**Note: ** delete functionality has not been implemented on the backend as of creating this PR and thus this doesn't include the same.

[welcome]

Thank you and congrats🎉 for opening this pull request!💖

Please make sure you have followed our Contributing Guidelines.🙌 We will test out your code and reply in a bit with some pointers and requests.💿 There may be some errors, but don't worry! We'll work through them with you! 👍🎉😄 If you haven't filled the template out, Please do so!🚀
Feel free to join our Slack Community.💖 We have different channels for active discussions.✨ Hope you have a great time there!😄

[thevirengarg]

@iMADi-ARCH Please explain changes you made in detail.

[adityanandanx]

@thevirengarg The logic and ui is the same as of the joinus page.
I fetch the data from the endpoint /getContactUs and display it as cards.
The styling of the card is same as in joinus so as to maintain consistency.

[adityanandanx]

Also the Reply button has a mailto link so as to facilitate replying to the messages.

[Aditi-Dahiya]

@thevirengarg The logic and ui is the same as of the joinus page. I fetch the data from the endpoint /getContactUs and display it as cards. The styling of the card is same as in joinus so as to maintain consistency.

@iMADi-ARCH , Can you please keep the colors used consistent and not include multiple colors? Specifically, Red color seems to go off. Rest is great.

[adityanandanx]

@Aditi-Dahiya

Are these good? sorry I am not very good at choosing colors 😓

[Aditi-Dahiya]

@Aditi-Dahiya

Are these good? sorry I am not very good at choosing colors 😓

Okay so for now you can replace the red color with the pink tone used throughout the website.

[adityanandanx]

@Aditi-Dahiya

[Aditi-Dahiya]

@Aditi-Dahiya

Yeah, good for now 👍🏻

[thevirengarg]

@iMADi-ARCH First, You need to get the issue assigned to you and then make a PR.

[thevirengarg]

Go to the issue and comment on it so I can assign it you and then I will review this PR.

[adityanandanx]

@iMADi-ARCH First, You need to get the issue assigned to you and then make a PR.

#740 has no more assignment tag

[thevirengarg]

@iMADi-ARCH First, You need to get the issue assigned to you and then make a PR.

#740 has no more assignment tag

Just ignore it, comment on it then i will assign it to you

[adityanandanx]

@iMADi-ARCH First, You need to get the issue assigned to you and then make a PR.

#740 has no more assignment tag

Just ignore it, comment on it then i will assign it to you

i did just now.

[Shreyas-SAS]

Please assign him the issue and process the review as per repository workflow of accepting PRs.

[thevirengarg]

improve the styling of the cards which should resonate with the website's theme and also add some comments in your code. It is advisable to add screenshots of before and after in your PR description while making improvements to the UI .

[Aditi-Dahiya]

Styling issues to be addressed before merging.

[adityanandanx]

improve the styling of the cards which should resonate with the website's theme and also add some comments in your code. It is advisable to add screenshots of before and after in your PR description while making improvements to the UI .

Every page in dashboard has almost the same card styling which is what i have followed. Also there should have been a common card component and the button component is also being exported as Button1, Button2, Button3 etc which does not makes much sense. Maybe an issue should be opened to refactor some of the styling.

I will add comments to the code.

[thevirengarg]

@iMADi-ARCH Everything is fine, just add some comments.

[welcome]

Congrats on merging your first pull request! 🙌 🎉 ⚡️ Now that you've merged your first pull request, you're the perfect person to help someone else out with this challenging first step.😄🙌
Feel free to join our Slack Community.💖 We have different channels for active discussions.✨ Hope you have a great time there!😄