add bulk search

Author: mintcd

app/tools/paper-graph/Search.tsx

@@ -12,7 +12,7 @@ import { Loading } from '@components/atoms';
 import useClickOutside from '@hooks/useClickOutside';
 
 type Suggestion = {
-  id: string;
+  scid: string;
   title: string;
   authorsYear: string;
 };
@@ -134,12 +134,12 @@ export default function Search({
                 <ul className=" max-h-60 overflow-auto">
                   {suggestions.map((s) => (
                     <li
-                      key={s.id}
-                      className={`p-2 ${knownIds.has(s.id)
+                      key={s.scid}
+                      className={`p-2 ${knownIds.has(s.scid)
                         ? 'bg-gray-100 text-gray-400 cursor-default'
                         : 'hover:bg-blue-100 cursor-pointer'
                         } border-b-[1px] border-b-gray-200`}
-                      onClick={() => !knownIds.has(s.id) && handleSelect(s.id)}
+                      onClick={() => !knownIds.has(s.scid) && handleSelect(s.scid)}
                     >
                       <div className='text-[14px]'>
                         {s.title}

app/tools/paper-graph/page.tsx

@@ -52,8 +52,8 @@ export default function PaperGraph() {
       .alphaDecay(0.08)
       .force('link', d3.forceLink(data.links)
         .id((d: any) => d.id)
-        .distance(150)
-        .strength(0.7)
+        .distance(300)
+        .strength(0.2)
       )
       // .force('charge', d3.forceManyBody().strength(-30))
       .force('center', d3.forceCenter(GRAPH_WIDTH / 2, GRAPH_HEIGHT / 2))