lumen icon indicating copy to clipboard operation
lumen copied to clipboard

Add pin/unpin feature to note card dropdown

Open colebemis opened this issue 9 months ago • 2 comments

This pull request introduces the ability to pin and unpin notes directly from the note card dropdown menu in the src/components/note-card.tsx file.

  • Dropdown Menu Update: Adds a new menu item to the note card dropdown that allows users to pin or unpin a note. This option dynamically changes between "Pin note" and "Unpin note" based on the current pinned status of the note.
  • Pinning Logic: Implements a toggle function that updates the note's pinned status within its frontmatter. When a note is pinned, it modifies the frontmatter to include pinned: true, and when unpinning, it removes this line.
  • UI Enhancement: Ensures that when a note is pinned, a PinFillIcon16 icon appears next to the note's filename in the dropdown menu, providing a visual indication of its pinned status.

For more details, open the Copilot Workspace session.

colebemis avatar Apr 29 '24 02:04 colebemis

Deploy Preview for lumen-notes ready!

Name Link
Latest commit 25c083845ab5fe532143d4cdd428563f6909ed49
Latest deploy log https://app.netlify.com/sites/lumen-notes/deploys/6639d8566e5ecd0008e6d06d
Deploy Preview https://deploy-preview-323--lumen-notes.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

Lighthouse
1 paths audited
Performance: 52
Accessibility: 81
Best Practices: 100
SEO: 75
PWA: 70
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Apr 29 '24 02:04 netlify[bot]

Deploy Preview for lumen-storybook ready!

Name Link
Latest commit 25c083845ab5fe532143d4cdd428563f6909ed49
Latest deploy log https://app.netlify.com/sites/lumen-storybook/deploys/6639d856fc74bc0008666518
Deploy Preview https://deploy-preview-323--lumen-storybook.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Apr 29 '24 02:04 netlify[bot]

For more details, open the Copilot Workspace session.

colebemis avatar May 07 '24 00:05 colebemis

Update togglePin function to pass tests


For more details, open the Copilot Workspace session.

colebemis avatar May 07 '24 05:05 colebemis