refactor: better format

app/assets/javascripts/components/NotesContextMenu.tsx

@@ -16,7 +16,7 @@ const NotesContextMenu = observer(({ appState }: Props) => {
   );
 
   const closeOnClickOutside = (event: MouseEvent) => {
-    if (!contextMenuRef.current?.contains(event.target as Node)) { 
+    if (!contextMenuRef.current?.contains(event.target as Node)) {
       appState.notes.setContextMenuOpen(false);
     }
   };

app/assets/javascripts/components/NotesOptions.tsx

@@ -75,7 +75,10 @@ export const NotesOptions = observer(
             const { offsetTop, offsetWidth } = tagsButtonRef.current;
             setTagsMenuPosition({
               top: offsetTop,
-              right: ((buttonRect.right + 265) > document.body.clientWidth) ? offsetWidth : -offsetWidth,
+              right:
+                buttonRect.right + 265 > document.body.clientWidth
+                  ? offsetWidth
+                  : -offsetWidth,
             });
             setTagsMenuOpen(!tagsMenuOpen);
           }}
@@ -92,9 +95,12 @@ export const NotesOptions = observer(
           >
             <div className="flex items-center">
               <Icon type={IconType.Hashtag} className={iconClass} />
-              {"Add tag"}
+              {'Add tag'}
             </div>
-            <Icon type={IconType.ChevronRight} className="fill-current color-neutral" />
+            <Icon
+              type={IconType.ChevronRight}
+              className="fill-current color-neutral"
+            />
           </DisclosureButton>
           <DisclosurePanel
             onKeyUp={(event) => {
@@ -104,19 +110,19 @@ export const NotesOptions = observer(
               }
             }}
             style={{
-              ...tagsMenuPosition
+              ...tagsMenuPosition,
             }}
             className="sn-dropdown sn-dropdown-anchor-right flex flex-col py-2 max-w-265"
           >
-            {appState.tags.tags.map(tag => (
+            {appState.tags.tags.map((tag) => (
               <button
                 key={tag.title}
-                className={buttonClass} 
+                className={buttonClass}
                 onBlur={closeOnBlur}
                 onClick={() => {
                   appState.tags.addTagToSelectedNotes(tag);
-                }
-              }>
+                }}
+              >
                 {tag.title}
               </button>
             ))}
@@ -129,7 +135,10 @@ export const NotesOptions = observer(
             appState.notes.setPinSelectedNotes(!pinned);
           }}
         >
-          <Icon type={pinned ? IconType.Unpin : IconType.Pin} className={iconClass} />
+          <Icon
+            type={pinned ? IconType.Unpin : IconType.Pin}
+            className={iconClass}
+          />
           {pinned ? 'Unpin notes' : 'Pin notes'}
         </button>
         <button
@@ -139,7 +148,10 @@ export const NotesOptions = observer(
             appState.notes.setArchiveSelectedNotes(!archived);
           }}
         >
-          <Icon type={archived ? IconType.Unarchive : IconType.Archive} className={iconClass} />
+          <Icon
+            type={archived ? IconType.Unarchive : IconType.Archive}
+            className={iconClass}
+          />
           {archived ? 'Unarchive' : 'Archive'}
         </button>
         <button
@@ -148,7 +160,10 @@ export const NotesOptions = observer(
           className={buttonClass}
           onClick={async () => {
             setLockCloseOnBlur(true);
-            await appState.notes.setTrashSelectedNotes(!trashed, trashButtonRef);
+            await appState.notes.setTrashSelectedNotes(
+              !trashed,
+              trashButtonRef
+            );
             setLockCloseOnBlur(false);
           }}
         >

app/assets/javascripts/ui_models/app_state/tags_state.ts

@@ -1,13 +1,5 @@
-import {
-  ContentType,
-  SNSmartTag,
-  SNTag,
-} from '@standardnotes/snjs';
-import {
-  action,
-  makeObservable,
-  observable,
-} from 'mobx';
+import { ContentType, SNSmartTag, SNTag } from '@standardnotes/snjs';
+import { action, makeObservable, observable } from 'mobx';
 import { WebApplication } from '../application';
 
 export class TagsState {
@@ -28,20 +20,25 @@ export class TagsState {
       this.application.streamItems(
         [ContentType.Tag, ContentType.SmartTag],
         async () => {
-          this.tags = this.application.getDisplayableItems(ContentType.Tag) as SNTag[];
+          this.tags = this.application.getDisplayableItems(
+            ContentType.Tag
+          ) as SNTag[];
           this.smartTags = this.application.getSmartTags();
         }
-      ),
+      )
     );
   }
 
   async addTagToSelectedNotes(tag: SNTag): Promise<void> {
-    const selectedNotes = Object.values(this.application.getAppState().notes.selectedNotes);
+    const selectedNotes = Object.values(
+      this.application.getAppState().notes.selectedNotes
+    );
     await Promise.all(
-      selectedNotes.map(async note => 
-        await this.application.changeItem(tag.uuid, (mutator) => {
-          mutator.addItemAsRelationship(note);
-        })
+      selectedNotes.map(
+        async (note) =>
+          await this.application.changeItem(tag.uuid, (mutator) => {
+            mutator.addItemAsRelationship(note);
+          })
       )
     );
     this.application.sync();