feat: connect pinboard and reference link (#1859)

apps/web/src/components/affine/pinboard/pinboard-menu/index.tsx

@@ -45,7 +45,7 @@ export const PinboardMenu = ({
     meta => !meta.trash && meta.title.includes(query)
   );
 
-  const { handleDrop } = usePinboardHandler({
+  const { dropPin } = usePinboardHandler({
     blockSuiteWorkspace,
     metas,
   });
@@ -54,7 +54,7 @@ export const PinboardMenu = ({
     (dropId: string) => {
       const targetTitle = metas.find(m => m.id === dropId)?.title;
 
-      handleDrop(currentMeta.id, dropId, {
+      dropPin(currentMeta.id, dropId, {
         bottomLine: false,
         topLine: false,
         internal: true,
@@ -62,7 +62,7 @@ export const PinboardMenu = ({
       onPinboardClick?.({ dragId: currentMeta.id, dropId });
       toast(`Moved "${currentMeta.title}" to "${targetTitle}"`);
     },
-    [currentMeta.id, currentMeta.title, handleDrop, metas, onPinboardClick]
+    [currentMeta.id, currentMeta.title, dropPin, metas, onPinboardClick]
   );
 
   const { data } = usePinboardData({

apps/web/src/components/page-detail-editor.tsx

@@ -80,7 +80,13 @@ export const PageDetailEditor: React.FC<PageDetailEditorProps> = ({
           },
           [onInit, setEditor]
         )}
-        onLoad={onLoad}
+        onLoad={useCallback(
+          (page: Page, editor: EditorContainer) => {
+            setEditor(editor);
+            onLoad?.(page, editor);
+          },
+          [onLoad, setEditor]
+        )}
       />
     </>
   );

apps/web/src/components/pure/workspace-slider-bar/Pinboard.tsx

@@ -41,7 +41,7 @@ export const Pinboard = ({
     showOperationButton: true,
   });
 
-  const { handleAdd, handleDelete, handleDrop } = usePinboardHandler({
+  const { addPin, deletePin, dropPin } = usePinboardHandler({
     blockSuiteWorkspace: blockSuiteWorkspace,
     metas: allMetas,
     onAdd,
@@ -54,9 +54,9 @@ export const Pinboard = ({
     <div data-testid="sidebar-pinboard-container">
       <TreeView
         data={data}
-        onAdd={handleAdd}
-        onDelete={handleDelete}
-        onDrop={handleDrop}
+        onAdd={addPin}
+        onDelete={deletePin}
+        onDrop={dropPin}
         indent={16}
       />
     </div>