completed migrate to tauri-sql

src/components/note/quote.tsx

@@ -2,6 +2,7 @@ import { RelayContext } from '@components/relaysProvider';
 import { UserExtend } from '@components/user/extend';
 
 import { contentParser } from '@utils/parser';
+import { createNote, getNoteByID } from '@utils/storage';
 import { getParentID } from '@utils/transform';
 
 import useLocalStorage from '@rehooks/local-storage';
@@ -10,15 +11,13 @@ import { memo, useCallback, useContext, useEffect, useRef, useState } from 'reac
 export const NoteQuote = memo(function NoteQuote({ id }: { id: string }) {
   const [pool, relays]: any = useContext(RelayContext);
 
-  const [activeAccount]: any = useLocalStorage('activeAccount', {});
+  const [activeAccount]: any = useLocalStorage('account', {});
   const [event, setEvent] = useState(null);
   const unsubscribe = useRef(null);
 
   const content = event ? contentParser(event.content, event.tags) : '';
 
   const fetchEvent = useCallback(async () => {
-    const { createNote } = await import('@utils/bindings');
-
     unsubscribe.current = pool.subscribe(
       [
         {
@@ -32,18 +31,16 @@ export const NoteQuote = memo(function NoteQuote({ id }: { id: string }) {
         setEvent(event);
         // insert to database
         const parentID = getParentID(event.tags, event.id);
-        // insert event to local database
-        createNote({
-          event_id: event.id,
-          pubkey: event.pubkey,
-          kind: event.kind,
-          tags: JSON.stringify(event.tags),
-          content: event.content,
-          parent_id: parentID,
-          parent_comment_id: '',
-          created_at: event.created_at,
-          account_id: activeAccount.id,
-        }).catch(console.error);
+        createNote(
+          event.id,
+          activeAccount.id,
+          event.pubkey,
+          event.kind,
+          event.tags,
+          event.content,
+          event.created_at,
+          parentID
+        );
       },
       undefined,
       undefined,
@@ -54,8 +51,7 @@ export const NoteQuote = memo(function NoteQuote({ id }: { id: string }) {
   }, [activeAccount.id, id, pool, relays]);
 
   const checkNoteExist = useCallback(async () => {
-    const { getNoteById } = await import('@utils/bindings');
-    getNoteById({ event_id: id })
+    getNoteByID(id)
       .then((res) => {
         if (res) {
           setEvent(res);
@@ -80,7 +76,7 @@ export const NoteQuote = memo(function NoteQuote({ id }: { id: string }) {
     return (
       <div className="relative mb-2 mt-3 rounded-lg border border-zinc-700 bg-zinc-800 p-2 py-3">
         <div className="relative z-10 flex flex-col">
-          <UserExtend pubkey={event.pubkey} time={event.createdAt || event.created_at} />
+          <UserExtend pubkey={event.pubkey} time={event.created_at} />
           <div className="mt-1 pl-[52px]">
             <div className="whitespace-pre-line break-words text-[15px] leading-tight text-zinc-100">{content}</div>
           </div>