Fix import and eslint error

packages/app/src/components/Bookmarks/BookmarkFolderItem.tsx

@@ -73,12 +73,12 @@ const BookmarkFolderItem: FC<BookmarkFolderItemProps> = (props: BookmarkFolderIt
     return children.length > 0;
   }, [children.length, currentChildren]);
 
-  const loadChildFolder = useCallback(async () => {
+  const loadChildFolder = useCallback(async() => {
     setIsOpen(!isOpen);
     setTargetFolder(folderId);
   }, [folderId, isOpen]);
 
-  const loadParent = useCallback(async () => {
+  const loadParent = useCallback(async() => {
     if (!isRenameAction) {
       if (parent != null) {
         await mutateParentBookmarkFolder();
@@ -93,7 +93,7 @@ const BookmarkFolderItem: FC<BookmarkFolderItemProps> = (props: BookmarkFolderIt
   }, [isRenameAction, mutateParentBookmarkFolder, parent]);
 
   // Rename  for bookmark folder handler
-  const onPressEnterHandlerForRename = useCallback(async (folderName: string) => {
+  const onPressEnterHandlerForRename = useCallback(async(folderName: string) => {
     try {
       await apiv3Put('/bookmark-folder', { bookmarkFolderId: folderId, name: folderName, parent });
       loadParent();
@@ -106,7 +106,7 @@ const BookmarkFolderItem: FC<BookmarkFolderItemProps> = (props: BookmarkFolderIt
   }, [folderId, loadParent, parent, t]);
 
   // Create new folder / subfolder handler
-  const onPressEnterHandlerForCreate = useCallback(async (folderName: string) => {
+  const onPressEnterHandlerForCreate = useCallback(async(folderName: string) => {
     try {
       await apiv3Post('/bookmark-folder', { name: folderName, parent: targetFolder });
       setIsOpen(true);
@@ -122,7 +122,7 @@ const BookmarkFolderItem: FC<BookmarkFolderItemProps> = (props: BookmarkFolderIt
   }, [mutateChildBookmarkData, t, targetFolder]);
 
   // Delete Fodler handler
-  const onClickDeleteButtonHandler = useCallback(async () => {
+  const onClickDeleteButtonHandler = useCallback(async() => {
     try {
       await apiv3Delete(`/bookmark-folder/${folderId}`);
       setIsDeleteFolderModalShown(false);
@@ -135,7 +135,7 @@ const BookmarkFolderItem: FC<BookmarkFolderItemProps> = (props: BookmarkFolderIt
     }
   }, [folderId, loadParent, mutateBookmarkInfo, t]);
 
-  const onClickPlusButton = useCallback(async (e) => {
+  const onClickPlusButton = useCallback(async(e) => {
     e.stopPropagation();
     if (!isOpen && hasChildren()) {
       setIsOpen(true);
@@ -183,7 +183,7 @@ const BookmarkFolderItem: FC<BookmarkFolderItemProps> = (props: BookmarkFolderIt
   });
 
 
-  const folderItemDropHandler = async (item: BookmarkFolderItemProps) => {
+  const folderItemDropHandler = async(item: BookmarkFolderItemProps) => {
     try {
       await apiv3Put('/bookmark-folder', { bookmarkFolderId: item.bookmarkFolder._id, name: item.bookmarkFolder.name, parent: bookmarkFolder._id });
       await mutateChildBookmarkData();
@@ -194,7 +194,7 @@ const BookmarkFolderItem: FC<BookmarkFolderItemProps> = (props: BookmarkFolderIt
     }
   };
 
-  const bookmarkItemDropHandler = useCallback(async (item: IPageHasId) => {
+  const bookmarkItemDropHandler = useCallback(async(item: IPageHasId) => {
     try {
       await apiv3Post('/bookmark-folder/add-boookmark-to-folder', { pageId: item._id, folderId: bookmarkFolder._id });
       mutateParentBookmarkFolder();

packages/app/src/components/Bookmarks/BookmarkItem.tsx

@@ -10,6 +10,7 @@ import { UncontrolledTooltip, DropdownToggle } from 'reactstrap';
 import { unbookmark } from '~/client/services/page-operation';
 import { apiv3Put } from '~/client/util/apiv3-client';
 import { toastError, toastSuccess } from '~/client/util/toastr';
+import { BookmarkFolderItems } from '~/interfaces/bookmark-info';
 import { IPageHasId, IPageInfoAll, IPageToDeleteWithMeta } from '~/interfaces/page';
 import { useSWRxBookamrkFolderAndChild } from '~/stores/bookmark-folder';
 
@@ -45,7 +46,7 @@ const BookmarkItem = (props: Props): JSX.Element => {
     }
   }, [parentId, mutateChildFolderData]);
 
-  const bookmarkMenuItemClickHandler = useCallback(async () => {
+  const bookmarkMenuItemClickHandler = useCallback(async() => {
     await unbookmark(bookmarkedPage._id);
     onUnbookmarked();
   }, [onUnbookmarked, bookmarkedPage]);
@@ -65,7 +66,7 @@ const BookmarkItem = (props: Props): JSX.Element => {
     return null;
   };
 
-  const pressEnterForRenameHandler = useCallback(async (inputText: string) => {
+  const pressEnterForRenameHandler = useCallback(async(inputText: string) => {
     const parentPath = pathUtils.addTrailingSlash(nodePath.dirname(bookmarkedPage.path ?? ''));
     const newPagePath = nodePath.resolve(parentPath, inputText);
     if (newPagePath === bookmarkedPage.path) {
@@ -89,7 +90,7 @@ const BookmarkItem = (props: Props): JSX.Element => {
     }
   }, [bookmarkedPage, onRenamed, t]);
 
-  const deleteMenuItemClickHandler = useCallback(async (_pageId: string, pageInfo: IPageInfoAll | undefined): Promise<void> => {
+  const deleteMenuItemClickHandler = useCallback(async(_pageId: string, pageInfo: IPageInfoAll | undefined): Promise<void> => {
     if (bookmarkedPage._id == null || bookmarkedPage.path == null) {
       throw Error('_id and path must not be null.');
     }
@@ -109,7 +110,7 @@ const BookmarkItem = (props: Props): JSX.Element => {
   const [, bookmarkItemDragRef] = useDrag({
     type: 'BOOKMARK',
     item: bookmarkedPage,
-    end: (item) => {
+    end: () => {
       if (parentFolder.parent == null) {
         mutateParentBookmarkData();
       }