remove remnants of react-beautiful-dnd

vangberg · Dec 17, 2024 · d436aa0 · d436aa0
1 parent 8260e33
commit d436aa0
Show file tree

Hide file tree

Showing 12 changed files with 9 additions and 237 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -114,7 +114,6 @@
     "prosemirror-transform": "^1.10.2",
     "prosemirror-view": "^1.37.0",
     "react": "^18.0.0",
-    "react-beautiful-dnd": "^13.1.0",
     "react-dom": "^18.0.0",
     "sqlite": "^5.1.1",
     "sqlite3": "^5.1.6",
@@ -129,4 +128,4 @@
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.2.0"
   }
-}
+}
diff --git a/src/skrift-electron/renderer/components/Card.tsx b/src/skrift-electron/renderer/components/Card.tsx
@@ -1,29 +1,14 @@
 import clsx from "clsx";
-import React, { useEffect, useMemo, useRef } from "react";
-// import { Draggable, DraggableChildrenFn } from "react-beautiful-dnd";
-import { useUniqueId } from "../hooks/useUniqueId";
-import { DraggableIds } from "../interfaces/draggableIds";
-import { Path } from "../interfaces/path";
-import { Card as CardType } from "../interfaces/state";
+import React from "react";
 
 interface Props {
-  path: Path;
-  card: CardType;
   className?: string;
-  // children: DraggableChildrenFn;
   children: React.ReactNode;
 }
 
-export const Card: React.FC<Props> = ({ card, path, className, children }) => {
-  const draggableId = DraggableIds.serialize(card.meta.key);
-
-
+export const Card: React.FC<Props> = ({ className, children }) => {
   return (
-    // <Draggable draggableId={draggableId} index={Path.last(path)}>
-    // {(provided, snapshot, ...rest) => (
     <div
-      // ref={provided.innerRef}
-      // {...provided.draggableProps}
       className={clsx(
         className,
         "skrift-card mx-2 my-2 relative flex flex-initial flex-col group"
@@ -33,7 +18,5 @@ export const Card: React.FC<Props> = ({ card, path, className, children }) => {
         {children}
       </div>
     </div>
-    // )}
-    // </Draggable>
   );
 };
diff --git a/src/skrift-electron/renderer/components/DropStream.tsx b/src/skrift-electron/renderer/components/DropStream.tsx
@@ -29,17 +29,12 @@ export const DropStream: React.FC<Props> = ({ mode, onDrop }) => {
   }, []);
 
   return (
-    // <Droppable droppableId={droppableId}>
-    // {(provided, snapshot) => (
     <div
-      // ref={provided.innerRef}
-      // {...provided.droppableProps}
       ref={ref}
       className={clsx(
         "bg-gray-300 my-2 w-20 shadow-inner rounded opacity-0 transition-opacity",
         {
           "opacity-100": isDraggedOver,
-          // "opacity-100": snapshot.isDraggingOver,
         }
       )}
       style={{
@@ -54,7 +49,5 @@ export const DropStream: React.FC<Props> = ({ mode, onDrop }) => {
            */}
       <div className="hidden"></div>
     </div>
-    // )}
-    // </Droppable>
   );
 };
diff --git a/src/skrift-electron/renderer/components/NoteCard.tsx b/src/skrift-electron/renderer/components/NoteCard.tsx
@@ -8,13 +8,11 @@ import { Card } from "./Card";
 import { CardToolbar } from "./CardToolbar";
 import { CardBody } from "./CardBody";
 import { CardToolbarItem } from "./CardToolbarItem";
-import { Path } from "../interfaces/path";
 import { NoteCard as NoteCardType, OpenCardMode } from "../interfaces/state";
 import { NoteCardTitle } from "./NoteCardTitle";
 import { CardTitle } from "./CardTitle";
 
 type Props = {
-  path: Path;
   card: NoteCardType;
   note: NoteWithLinks;
   focus: number;
@@ -26,7 +24,6 @@ type Props = {
 };
 
 export const NoteCard: React.FC<Props> = ({
-  path,
   card,
   note,
   focus,
@@ -57,8 +54,7 @@ export const NoteCard: React.FC<Props> = ({
   }, [note]);
 
   return (
-    <Card card={card} path={path}>
-      {/* {(provided) => ( */}
+    <Card>
       <>
         <CardToolbar>
           <CardToolbarItem onClick={handleDelete}>Delete</CardToolbarItem>
@@ -75,7 +71,6 @@ export const NoteCard: React.FC<Props> = ({
           <NoteCardBacklinks note={note} onOpen={onOpen} />
         </CardBody>
       </>
-      {/* )} */}
     </Card>
   );
 };
diff --git a/src/skrift-electron/renderer/components/SearchCard.tsx b/src/skrift-electron/renderer/components/SearchCard.tsx
@@ -6,15 +6,9 @@ import { Card } from "./Card";
 import { CardBody } from "./CardBody";
 import { CardToolbarItem } from "./CardToolbarItem";
 import { SearchCardResults } from "./SearchCardResults";
-import { Path } from "../interfaces/path";
-import {
-  OpenCardMode,
-  SearchCard as SearchCardType,
-} from "../interfaces/state";
+import { OpenCardMode } from "../interfaces/state";
 
 type Props = {
-  path: Path;
-  card: SearchCardType;
   query: string;
   results: Note[];
   onOpen: (id: string, mode: OpenCardMode) => void;
@@ -24,8 +18,6 @@ type Props = {
 };
 
 export const SearchCard: React.FC<Props> = ({
-  path,
-  card,
   query,
   results,
   onOpen,
@@ -34,8 +26,7 @@ export const SearchCard: React.FC<Props> = ({
   onSearch,
 }) => {
   return (
-    <Card card={card} path={path}>
-      {/* {(provided) => ( */}
+    <Card>
       <>
         <CardToolbar>
           <CardToolbarItem onClick={onClose}>Close</CardToolbarItem>
@@ -52,7 +43,6 @@ export const SearchCard: React.FC<Props> = ({
           </div>
         </CardBody>
       </>
-      {/* )} */}
     </Card>
   );
 };