I'm tired of writing commit message, sorry!

src/components/note/content/index.tsx

@@ -3,6 +3,7 @@ import NotePreview from '@components/note/content/preview';
 import { UserExtend } from '@components/user/extend';
 import { UserMention } from '@components/user/mention';
 
+import destr from 'destr';
 import { memo, useMemo } from 'react';
 import reactStringReplace from 'react-string-replace';
 
@@ -10,7 +11,7 @@ export const Content = memo(function Content({ data }: { data: any }) {
   const content = useMemo(() => {
     let parsedContent;
     // get data tags
-    const tags = JSON.parse(data.tags);
+    const tags = destr(data.tags);
     // remove all image urls
     parsedContent = data.content.replace(/(https?:\/\/.*\.(jpg|jpeg|gif|png|webp|mp4|webm)((\?.*)$|$))/gim, '');
     // handle urls

src/components/note/index.tsx

@@ -1,10 +1,11 @@
 import { Content } from '@components/note/content';
 import { RootNote } from '@components/note/root';
 
+import destr from 'destr';
 import { memo, useMemo } from 'react';
 
 export const Note = memo(function Note({ event }: { event: any }) {
-  const tags = JSON.parse(event.tags);
+  const tags = destr(event.tags);
 
   const fetchRootEvent = useMemo(() => {
     if (tags.length > 0) {

src/pages/newsfeed/circle.tsx

@@ -1,47 +1,10 @@
 import BaseLayout from '@layouts/base';
 import WithSidebarLayout from '@layouts/withSidebar';
 
-import { Note } from '@components/note';
-
-import { initialNotesAtom } from '@stores/note';
-
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { useAtom } from 'jotai';
-import { JSXElementConstructor, ReactElement, ReactFragment, ReactPortal, useMemo, useRef } from 'react';
+import { JSXElementConstructor, ReactElement, ReactFragment, ReactPortal } from 'react';
 
 export default function Page() {
-  const [data]: any = useAtom(initialNotesAtom);
-
-  const parentRef = useRef(null);
-  const count = useMemo(() => data.length, [data]);
-
-  const virtualizer = useVirtualizer({
-    count,
-    getScrollElement: () => parentRef.current,
-    getItemKey: (index: number) => data[index].id,
-    estimateSize: () => 500,
-    overscan: 5,
-  });
-
-  const items = virtualizer.getVirtualItems();
-
-  return (
-    <div className="h-full w-full">
-      {items.length > 0 && (
-        <div ref={parentRef} className="scrollbar-hide h-full w-full overflow-y-auto" style={{ contain: 'strict' }}>
-          <div className={`relative w-full h-${virtualizer.getTotalSize()}px`}>
-            <div className="absolute top-0 left-0 w-full" style={{ transform: `translateY(${items[0].start}px)` }}>
-              {items.map((virtualRow) => (
-                <div key={virtualRow.key} data-index={virtualRow.index} ref={virtualizer.measureElement}>
-                  <Note event={data[virtualRow.index]} />
-                </div>
-              ))}
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
+  return <></>;
 }
 
 Page.getLayout = function getLayout(

src/pages/newsfeed/following.tsx

@@ -32,7 +32,7 @@ export default function Page() {
     const result = await db.select(
       `SELECT * FROM
         cache_notes
-        WHERE created_at <= ${dateToUnix(now.current)}
+        WHERE created_at <= ${dateToUnix(now.current)} AND is_root = 0
         ORDER BY created_at DESC
         LIMIT ${limit.current} OFFSET ${offset.current}`
     );
@@ -43,7 +43,7 @@ export default function Page() {
     const result = await db.select(
       `SELECT * FROM
         cache_notes
-        WHERE created_at > ${dateToUnix(now.current)}
+        WHERE created_at > ${dateToUnix(now.current)} AND is_root = 0
         ORDER BY created_at DESC
         LIMIT ${limit.current}`
     );
@@ -65,14 +65,16 @@ export default function Page() {
 
   const computeItemKey = useCallback(
     (index: Key) => {
-      return data[index].id;
+      return data[index].id + data[index].created_at;
     },
     [data]
   );
 
   useEffect(() => {
     const getData = async () => {
-      const result = await db.select(`SELECT * FROM cache_notes ORDER BY created_at DESC LIMIT ${limit.current}`);
+      const result = await db.select(
+        `SELECT * FROM cache_notes WHERE is_root = 0 ORDER BY created_at DESC LIMIT ${limit.current}`
+      );
       if (result.length > 0) {
         setData(result);
       } else {

src/stores/note.tsx

@@ -1,14 +1,4 @@
 import { atom } from 'jotai';
-import { atomsWithQuery } from 'jotai-tanstack-query';
-import Database from 'tauri-plugin-sql-api';
 
 // usecase: notify user that connector has receive newer note
 export const hasNewerNoteAtom = atom(false);
-// usecase: get all notes (limit 1000)
-export const [initialNotesAtom] = atomsWithQuery(() => ({
-  queryFn: async () => {
-    const db = await Database.load('sqlite:lume.db');
-    const result = await db.select(`SELECT * FROM cache_notes ORDER BY created_at DESC LIMIT 1000`);
-    return result;
-  },
-}));