feat: visual indicator for selected tags and remove them when re-clicking

2021-05-07 18:24:28 -03:00
parent 660525dc18
commit 437aa40d7a
3 changed files with 48 additions and 11 deletions
--- a/app/assets/javascripts/components/NotesOptions.tsx
+++ b/app/assets/javascripts/components/NotesOptions.tsx
@@ -128,10 +128,14 @@ export const NotesOptions = observer(
                  className={`${buttonClass} py-2`}
                  onBlur={closeOnBlur}
                  onClick={() => {
-                    appState.tags.addTagToSelectedNotes(tag);
+                    appState.tags.isTagInSelectedNotes(tag)
+                      ? appState.tags.removeTagFromSelectedNotes(tag)
+                      : appState.tags.addTagToSelectedNotes(tag);
                  }}
                >
-                  {tag.title}
+                  <span className={appState.tags.isTagInSelectedNotes(tag) ? 'font-bold' : ''}>
+                    {tag.title}
+                  </span>
                </button>
              ))}
            </DisclosurePanel>