resuminator icon indicating copy to clipboard operation
resuminator copied to clipboard

➕ REQUEST: Updating the resume cards for adding more options

Open viveknigam3003 opened this issue 2 years ago • 6 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

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

The resume cards are shown on the home screen but have no visual cue for opening the edit modal where we change the name and icon for it. Upon clicking it opens the Resume metadata edit dialogue box. We need to update this whole experience to

  • Add a visual cue to have edit, delete, and icon change etc visible.
  • Add a download button right outside on the Home page to help users download the resume without going to the Download page.
image Screen Shot 2022-10-12 at 1 44 49 PM

Describe the solution you'd like

We may have an experience where instead of hovering on the name, when we hover on the card we get multiple options [Image 1] OR another option could be like what Airtable does having an arrow button to open the options modal [Image 2]. There can be other options we can discuss.

For Image 1 [on the left]

  • The edit button takes you to edit the resume (i.e. on the create page)
  • The settings button opens up the modal to edit name, icon, and delete
  • The download button directly downloads the resume.
Hover_On_Card Screen Shot 2022-10-12 at 4 29 22 PM

Describe alternatives you've considered

No response

Additional context

No response

viveknigam3003 avatar Oct 12 '22 11:10 viveknigam3003

hi @viveknigam3003 i would like to give it a try can you also specify the path to folder where the tsx files for cards and relative methods( downloading, edit modal(open/close) ) are Thank you!

Saurav-Singh-Rauthan avatar Oct 28 '22 05:10 Saurav-Singh-Rauthan

Sure @Saurav-Singh-Rauthan! Please share your approach here for discussion.

viveknigam3003 avatar Oct 28 '22 09:10 viveknigam3003

I'm thinking of creating a div in the card component in which all these icons will be present (edit download etc) and using react's usestate i can show/hide it based on mouseover event

Saurav-Singh-Rauthan avatar Oct 28 '22 09:10 Saurav-Singh-Rauthan

Hey @Saurav-Singh-Rauthan, in #181 @syedzubeen has presented another solution that we can have a context menu for every card, which sounds more interesting to me and would be less ambiguous in design as well. Let's see if we can explore more on that front.

What are your thoughts @merrcury?

viveknigam3003 avatar Oct 29 '22 04:10 viveknigam3003

Hey @Saurav-Singh-Rauthan, in #181 @syedzubeen has presented another solution that we can have a context menu for every card, which sounds more interesting to me and would be less ambiguous in design as well. Let's see if we can explore more on that front.

What are your thoughts @merrcury?

are you talking about the approach in image 2?

Saurav-Singh-Rauthan avatar Oct 30 '22 06:10 Saurav-Singh-Rauthan

Hey @Saurav-Singh-Rauthan, in #181 @syedzubeen has presented another solution that we can have a context menu for every card, which sounds more interesting to me and would be less ambiguous in design as well. Let's see if we can explore more on that front. What are your thoughts @merrcury?

are you talking about the approach in image 2?

No no, the design is not included here yet. I'm saying we can add a right-click menu (context menu) for the resume. Since we use Chakra UI v1 as our design system you can have a look at this for the menu component

viveknigam3003 avatar Oct 30 '22 08:10 viveknigam3003