From ae7879a320dd3bf60f361e2f4a3e45df17bcb1c5 Mon Sep 17 00:00:00 2001
From: Victor <victor@storyteller.ai>
Date: Fri, 22 Dec 2023 14:10:22 -0500
Subject: [PATCH] quick implementation of crete_bookmark on weights page

---
 .../src/api/bookmarks/CreateBookmark.ts          | 16 ++++++++++++++++
 .../src/hooks/useBookmarks/useBookmarks.tsx      | 14 ++++++++++++++
 .../src/v2/view/pages/weight/WeightPage.tsx      | 13 +++++++++----
 3 files changed, 39 insertions(+), 4 deletions(-)
 create mode 100644 packages/components/src/api/bookmarks/CreateBookmark.ts
 create mode 100644 packages/fakeyou.com/src/hooks/useBookmarks/useBookmarks.tsx

diff --git a/packages/components/src/api/bookmarks/CreateBookmark.ts b/packages/components/src/api/bookmarks/CreateBookmark.ts
new file mode 100644
index 0000000000..63d1d7a93c
--- /dev/null
+++ b/packages/components/src/api/bookmarks/CreateBookmark.ts
@@ -0,0 +1,16 @@
+import MakeRequest from "../MakeRequest";
+
+export interface CreateBookmarkRequest {
+  entity_token: string,
+  entity_type: string
+}
+
+export interface CreateBookmarkResponse {
+  success: boolean,
+  user_bookmark_token: string
+}
+
+export const CreateBookmark = MakeRequest<string, CreateBookmarkRequest, CreateBookmarkResponse,{}>({
+  method: "POST",
+  routingFunction: () => `/v1/user_bookmarks/create`,
+});
\ No newline at end of file
diff --git a/packages/fakeyou.com/src/hooks/useBookmarks/useBookmarks.tsx b/packages/fakeyou.com/src/hooks/useBookmarks/useBookmarks.tsx
new file mode 100644
index 0000000000..7b06660624
--- /dev/null
+++ b/packages/fakeyou.com/src/hooks/useBookmarks/useBookmarks.tsx
@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+
+interface Props {
+  value?: any;
+}
+
+export default function useBookmarks({ value }: Props) {
+  // const [value, ] = useState(false);
+  // useEffect(() => {
+  //   console.log(value);
+  // },[value]);
+
+  return;
+};
\ No newline at end of file
diff --git a/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx b/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx
index 7623814c2c..6867d45ec7 100644
--- a/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx
@@ -35,6 +35,7 @@ import Modal from "components/common/Modal";
 import SocialButton from "components/common/SocialButton";
 import Input from "components/common/Input";
 import { GetWeight } from "@storyteller/components/src/api/weights/GetWeight";
+import { CreateBookmark } from "@storyteller/components/src/api/bookmarks/CreateBookmark";
 
 interface WeightProps {
   sessionWrapper: SessionWrapper;
@@ -310,10 +311,14 @@ export default function WeightPage({
     );
   }
 
-  const handleBookmark = async (data: any) => {
-    console.log(
-      `The item is now ${data.isLiked ? "Bookmarked" : "Not Bookmarked"}.`
-    );
+  const handleBookmark = (toggled: boolean) => {
+    return CreateBookmark("",{
+      entity_token: weight_token,
+      entity_type: "model_weight"
+    })
+    .then((res: any) => {
+      console.log("🔖",res);
+    });
   };
 
   const subtitleDivider = <span className="opacity-25 fs-5 fw-light">|</span>;