fix: make tag selected on second click

2021-06-03 15:37:42 -03:00
parent 524bcd09cb
commit 75813803c3
1 changed files with 7 additions and 1 deletions
--- a/app/assets/javascripts/components/NoteTag.tsx
+++ b/app/assets/javascripts/components/NoteTag.tsx
@@ -11,6 +11,7 @@ type Props = {

 export const NoteTag = observer(({ appState, tag }: Props) => {
  const [showDeleteButton, setShowDeleteButton] = useState(false);
+  const [tagClicked, setTagClicked] = useState(false);
  const deleteTagRef = useRef<HTMLButtonElement>();

  const deleteTag = () => {
@@ -18,7 +19,12 @@ export const NoteTag = observer(({ appState, tag }: Props) => {
  };

  const onTagClick = () => {
-    appState.setSelectedTag(tag);
+    if (tagClicked) {
+      setTagClicked(false);
+      appState.setSelectedTag(tag);
+    } else {
+      setTagClicked(true);
+    }
  };

  const onFocus = () => {