changeScrapType

PzYon · Jul 10, 2024 · a94cbcc · a94cbcc
1 parent 869b6e2
commit a94cbcc
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/app/src/components/details/scraps/ScrapContext.ts b/app/src/components/details/scraps/ScrapContext.ts
@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import { IScrapEntry } from "../../../serverApi/IScrapEntry";
+import { IScrapEntry, ScrapType } from "../../../serverApi/IScrapEntry";
 import { EntryPropsRenderStyle } from "../../common/entries/Entry";
 import { IParsedDate } from "../edit/parseDate";
 import { IAction } from "../../common/actions/IAction";
@@ -28,6 +28,7 @@ export interface IScrapContext {
   giveFocus?: () => void;
   hasTitleFocus: boolean;
   setHasTitleFocus: (value: boolean) => void;
+  changeScrapType: (rows: string[], targetType: ScrapType) => void;
 }
 
 export const ScrapContext = createContext<IScrapContext>({
@@ -51,6 +52,7 @@ export const ScrapContext = createContext<IScrapContext>({
   giveFocus: null,
   hasTitleFocus: null,
   setHasTitleFocus: null,
+  changeScrapType: null,
 });
 
 export const useScrapContext = () => {

diff --git a/app/src/components/details/scraps/ScrapContextProvider.tsx b/app/src/components/details/scraps/ScrapContextProvider.tsx
@@ -199,6 +199,9 @@ export const ScrapContextProvider: React.FC<{
         giveFocus,
         hasTitleFocus,
         setHasTitleFocus,
+        changeScrapType: (genericNotes, targetType) => {
+          console.log("change to " + targetType, genericNotes);
+        },
       };
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps

diff --git a/app/src/components/details/scraps/list/ScrapList.tsx b/app/src/components/details/scraps/list/ScrapList.tsx
@@ -26,6 +26,7 @@ import {
   SyncAltOutlined,
 } from "@mui/icons-material";
 import { IAction } from "../../../common/actions/IAction";
+import { ScrapType } from "../../../../serverApi/IScrapEntry";
 
 export const ScrapList: React.FC = () => {
   const { palette } = useTheme();
@@ -37,6 +38,7 @@ export const ScrapList: React.FC = () => {
     upsertScrap,
     scrapToRender,
     hasTitleFocus,
+    changeScrapType,
   } = useScrapContext();
 
   const listItemCollection = useMemo(() => {
@@ -132,7 +134,7 @@ export const ScrapList: React.FC = () => {
     return [
       {
         onClick: () => {
-          alert("toggle type");
+          changeScrapType([], ScrapType.Markdown);
         },
         key: "toggle-type",
         icon: <StarHalf />,

diff --git a/app/src/components/details/scraps/markdown/ScrapMarkdown.tsx b/app/src/components/details/scraps/markdown/ScrapMarkdown.tsx
@@ -8,19 +8,27 @@ import { ScrapBody } from "../ScrapBody";
 import { useAppContext } from "../../../../AppContext";
 import { useScrapContext } from "../ScrapContext";
 import { StarHalf } from "@mui/icons-material";
+import { ScrapType } from "../../../../serverApi/IScrapEntry";
+import { getRawRowValues } from "./getRawRowValues";
 
 export const ScrapMarkdown: React.FC = () => {
   const { setAppAlert } = useAppContext();
 
-  const { notes, setNotes, isEditMode, cancelEditingAction, upsertScrap } =
-    useScrapContext();
+  const {
+    notes,
+    setNotes,
+    isEditMode,
+    cancelEditingAction,
+    upsertScrap,
+    changeScrapType,
+  } = useScrapContext();
 
   return (
     <ScrapBody
       editModeActions={[
         {
           onClick: () => {
-            alert("toggle type");
+            changeScrapType(getRawRowValues(notes), ScrapType.List);
           },
           key: "toggle-type",
           icon: <StarHalf />,