# Implement a UI for send mail feature

**URL:** <https://sef.discourse.group/t/implement-a-ui-for-send-mail-feature/401>\
**Category:** ScholarX\
**Created:** [April 22, 2022, 6:13am UTC](https://sef.discourse.group/t/implement-a-ui-for-send-mail-feature/401 "2022-04-22T06:13:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kumuditha\_udayanga](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/kumuditha_udayanga/32/602_2.png) [@kumuditha\_udayanga](https://sef.discourse.group/u/kumuditha_udayanga)\
**Post date:** [April 22, 2022, 6:13am UTC](https://sef.discourse.group/t/implement-a-ui-for-send-mail-feature/401/1 "2022-04-22T06:13:58Z")

</div>

Hello everyone,

Im currenty working on creating a dummy user interface for the newly implementing mail feature to the admin dashboard. Here’s wireframe of the design.

 ![Screenshot 2022-04-22 at 11.28.04 AM](https://global.discourse-cdn.com/free1/uploads/sef/original/1X/4d61d28bbc6ce6913246903d7b379b09cf874762.png)

- The subject of the email will be taken by the first text field.
- The dropdown will list down the mailing groups (“All”, “All Mentors”, “All Mentees”, "Selected mentors’).
- The textarea will used to type the message.
- Each input fields must be filled to send the mail.
- Once user clicks on confirm a modal will appear to confirm.

Ant design components will be used for the implementation. Any suggestions? Feel free to post them down below in this thread.

@Gravewalker @anjisvj @piumal1999

---

<div class="post-metadata">

**Author:** ![Gravewalker](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/gravewalker/32/12_2.png) [@Gravewalker](https://sef.discourse.group/u/Gravewalker)\
**Post date:** [April 23, 2022, 5:30am UTC](https://sef.discourse.group/t/implement-a-ui-for-send-mail-feature/401/2 "2022-04-23T05:30:52Z")

</div>

Awesome work @kumuditha_udayanga  
Without just having a drop down for group we can have a multiple selector like this,

 ![image](https://global.discourse-cdn.com/free1/uploads/sef/original/1X/9c455d1d04aa2e5b6236d62703762a5be0f5d68c.png)  
where you can add groups and emails without restrictions or extra clicks

---

<div class="post-metadata">

**Author:** ![Gravewalker](https://yyz2.discourse-cdn.com/free1/user_avatar/sef.discourse.group/gravewalker/32/12_2.png) [@Gravewalker](https://sef.discourse.group/u/Gravewalker)\
**Post date:** [April 23, 2022, 5:31am UTC](https://sef.discourse.group/t/implement-a-ui-for-send-mail-feature/401/3 "2022-04-23T05:31:59Z")

</div>

> **[Select - Ant Design](https://ant.design/components/select/#components-select-demo-multiple)**
>
> Select component to select value from options.