added comment sql

src/components/note/metadata.tsx

@@ -4,6 +4,8 @@ import { RelayContext } from '@components/relaysProvider';
 
 import { relaysAtom } from '@stores/relays';
 
+import { createCacheCommentNote } from '@utils/storage';
+
 import { useAtomValue } from 'jotai';
 import { useContext, useEffect, useState } from 'react';
 
@@ -37,7 +39,10 @@ export default function NoteMetadata({
       (event: any) => {
         switch (event.kind) {
           case 1:
+            // update state
             setComments((comments) => (comments += 1));
+            // save comment to database
+            createCacheCommentNote(event, eventID);
             break;
           case 7:
             if (event.content === '🤙' || event.content === '+') {

src/components/note/repost.tsx

@@ -86,7 +86,7 @@ export const NoteRepost = memo(function NoteRepost({ id }: { id: string }) {
 
   if (event) {
     return (
-      <div className="relative mt-3 rounded-lg border border-zinc-700 bg-zinc-800 p-2 py-3">
+      <div className="relative mt-3 mb-2 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.created_at} />
           <div className="-mt-5 pl-[52px]">