Last I posted, I was struggling with making a working context menu. The requirements sound basic but I've been debating whether to use svelte actions or listeners to make it happen.
Essentially:
- When users right click on a friend in the friend list window, they will be able to edit or delete.
- When they right click on a blank space, they will be able to create a new friend.
- When they right click on an area without context menu ability, nothing should happen
- Only one context menu should be open at a time.
I'm still considering how to do this. One solution could be to treat the whole window like a desktop instead. So when they right click on a "friend" icon, it does the right actions. When you right click on any other space, it would have the new friend select.
This might be way easier and funner of a design. Especially if you could drag drop the friends around in groups in the way macOS desktop works.
Sadly this requires a pivot, and before I can do that, I need to make sure my code is squeaky clean. However, for today I just wanted to focus on some other low hanging fruit.
Accomplished
- Created close window functionality
- Added sorting (sort by location and friends) by storing a sort method in the store and having a derived store variable for sortedFriends
- Added filtering for people by search keyword so you can search by name or location
- Added more properties for gift ideas, friendiversary, notes
Note on missed days
Obviously the goal when you start any 100 day consecutive challenge is to not miss a day. The idea with this challenge being that I transform into a Lebron James of svelte at the end of the 100 days. But truthfully, I haven't coded for fun in a long time. Doing it on weekends still feels like something I should report to HR, so I'm trying to take it as lightly as possible. Still keeping up with it, but no resetting if I miss a day (or two but no more!! 😡) /excuses
Top comments (0)