update note parser

src/app/daily/components/views/createModal.tsx

@@ -1,15 +1,16 @@
 import CancelIcon from '@lume/shared/icons/cancel';
 import PlusIcon from '@lume/shared/icons/plus';
-import { getNoteAuthors } from '@lume/utils/storage';
 
+//import { getNoteAuthors } from '@lume/utils/storage';
 import { Dialog, Transition } from '@headlessui/react';
 import { Fragment, useState } from 'react';
-import useSWR from 'swr';
 
-const fetcher = () => getNoteAuthors();
+//import useSWR from 'swr';
+
+//const fetcher = () => getNoteAuthors();
 
 export const CreateViewModal = () => {
-  const { data, error }: any = useSWR('authors', fetcher);
+  //const { data, error }: any = useSWR('authors', fetcher);
   const [isOpen, setIsOpen] = useState(false);
 
   const closeModal = () => {
@@ -80,10 +81,7 @@ export const CreateViewModal = () => {
                     </Dialog.Description>
                   </div>
                 </div>
-                <div className="flex h-full w-full flex-col overflow-y-auto pb-5 pt-3">
-                  {error && <>failed to fetch</>}
-                  {!data ? <>loading...</> : data.map((author) => <div key={author.id}>{author.pubkey}</div>)}
-                </div>
+                <div className="flex h-full w-full flex-col overflow-y-auto pb-5 pt-3"></div>
               </Dialog.Panel>
             </Transition.Child>
           </div>

src/app/note/components/content.tsx

@@ -1,6 +1,5 @@
 import ImagePreview from '@lume/app/note/components/preview/image';
 import VideoPreview from '@lume/app/note/components/preview/video';
-import { NoteQuote } from '@lume/app/note/components/quote';
 import { NoteMentionUser } from '@lume/app/note/components/user/mention';
 
 import ReactMarkdown from 'react-markdown';
@@ -14,9 +13,7 @@ export const NoteContent = ({ content }: { content: any }) => {
         linkTarget="_blank"
         className="prose prose-zinc max-w-none select-text break-words dark:prose-invert prose-p:text-[15px] prose-p:leading-tight prose-a:text-[15px] prose-a:leading-tight prose-a:text-fuchsia-500 prose-a:no-underline hover:prose-a:text-fuchsia-600 hover:prose-a:underline prose-ol:mb-1 prose-ul:mb-1 prose-li:text-[15px] prose-li:leading-tight"
         components={{
-          h5: ({ ...props }) => <NoteMentionUser pubkey={props.content} />,
-          h6: ({ ...props }) => <NoteQuote id={props.content} />,
-          em: ({ ...props }) => <span className="text-fuchsia-500 hover:text-fuchsia-600" {...props} />,
+          em: ({ ...props }) => <NoteMentionUser {...props} />,
         }}
       >
         {content.parsed}

src/app/note/components/user/mention.tsx

@@ -1,7 +1,8 @@
 import { useProfile } from '@lume/utils/hooks/useProfile';
 import { shortenKey } from '@lume/utils/shortenKey';
 
-export const NoteMentionUser = ({ pubkey }: { pubkey: string }) => {
+export const NoteMentionUser = (props: { children: any[] }) => {
+  const pubkey = props.children[0];
   const { user } = useProfile(pubkey);
 
   return <span className="cursor-pointer text-fuchsia-500">@{user?.username || user?.name || shortenKey(pubkey)}</span>;