fix: blocks no key issue

EINDEX · Sep 7, 2024 · c72f352 · c72f352
1 parent cbe41e1
commit c72f352
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/src/components/LogseqBlock.tsx b/src/components/LogseqBlock.tsx
@@ -12,7 +12,7 @@ type LogseqBlockProps = {
 
 export const LogseqBlock = ({ graph, blocks }: LogseqBlockProps) => {
 
-  if(blocks.length === 0) {
+  if (blocks.length === 0) {
     return <></>;
   }
 
@@ -118,7 +118,7 @@ export const LogseqBlock = ({ graph, blocks }: LogseqBlockProps) => {
             {blocks.map((block) => {
               if (block.marker != null) {
                 return (
-                  <li className={styles.blockContentListItem}>
+                  <li key={block.uuid} className={styles.blockContentListItem}>
                     <div className={styles.blockContentRoot} >
                       {markerRender(block.marker)}
                       <div className={styles.blockContent} dangerouslySetInnerHTML={{ __html: block.html }} />

diff --git a/src/components/LogseqCopilot.tsx b/src/components/LogseqCopilot.tsx
@@ -16,8 +16,6 @@ const LogseqCopilot = ({ graph, pages, blocks }) => {
     return groups;
   }, {});
 
-  console.log({groupedBlocks, blocks})
-
   const count = () => {
     return pages.length + blocks.length;
   };
@@ -29,9 +27,7 @@ const LogseqCopilot = ({ graph, pages, blocks }) => {
     return (
       <div className={styles.blocks}>
         {Object.entries(groupedBlocks).map(([key, blocks], i) => {
-          // return blockGroup.map((block) => {
-            return <LogseqBlock key={key} blocks={blocks} graph={graph} />;
-          // });
+          return <LogseqBlock key={key} blocks={blocks} graph={graph} />;
         })}
       </div>
     );
@@ -45,9 +41,8 @@ const LogseqCopilot = ({ graph, pages, blocks }) => {
       {pages.slice(0, 9).map((page) => {
         if (!page) return <></>;
         return (
-          <div className={styles.page}>
+          <div key={page.name} className={styles.page}>
             <LogseqPageLink
-              key={page.uuid}
               graph={graph}
               page={page}
             ></LogseqPageLink>