From 0cc55a1d7abd951f50c159b518a19f954c37a4ca Mon Sep 17 00:00:00 2001
From: wil <test@local.host>
Date: Thu, 29 Feb 2024 19:35:06 -0500
Subject: [PATCH] new workflow token, modal for select styles

---
 .../components/pageVSTApp/defaultValues.tsx   |  6 ++-
 .../components/pageVSTApp/helpers.tsx         |  1 +
 .../components/pageVSTApp/pageVSTApp.tsx      | 28 +++++++++----
 .../components/pageVSTApp/styleModel.tsx      | 41 +++++++++++++++++++
 4 files changed, 67 insertions(+), 9 deletions(-)
 create mode 100644 packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/styleModel.tsx

diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/defaultValues.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/defaultValues.tsx
index 632b0f3d0f..0bef105500 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/defaultValues.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/defaultValues.tsx
@@ -1,4 +1,5 @@
 import { defaultPreset as defaultCN } from "./cnPresets";
+import styleModels from "./styleModel";
 export {initialValues, hiddenValues};
 const initialValues = {
   //files Settings
@@ -13,8 +14,9 @@ const initialValues = {
   trimEnd: 0,
 
   //Presents
-  workflowConfig: "weight_e5q2e00sn0ww35g9hjm1g1f9q",
-  sdModelToken: "weight_yqexh77ntqyawzgh9fzash798",
+  workflowConfig: "weight_4bfwt3y8sv04zjh3z9as14z92",
+  sdModelToken: styleModels[0].weight_token,
+  sdModelTitle: styleModels[0].title,
   loraModelToken: "",
   loraModelStrength: 0,
 
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/helpers.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/helpers.tsx
index 319466736d..0ffb3eeeb2 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/helpers.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/helpers.tsx
@@ -15,6 +15,7 @@ export type VSTType = {
   // Presets
   workflowConfig: string;
   sdModelToken: string;
+  sdModelTitle: string;
   // loraModelToken: string;
   // loraModelStrength: number;
 
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx
index 02e02dda77..bb4e65f604 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx
@@ -8,6 +8,7 @@ import {
   Button,
   Panel,
   TextArea,
+  WeightsCards,
 } from "components/common";
 import VideoQuickTrim, {QuickTrimData} from 'components/common/VideoQuickTrim';
 import { SelectModalV2 } from "components/common/SelectModal";
@@ -21,6 +22,7 @@ import {
   VSTType,
 } from "./helpers";
 
+import styleModels from "./styleModel";
 import SectionAdvanceOptions from "./sectionAdvanceOptions";
 
 
@@ -108,15 +110,10 @@ export default function PageVSTApp({
           }}
           />
           
-          <SectionAdvanceOptions 
-            onChange={handleOnChange}
-            vstValues={vstValues}
-          />
-
           <SelectModalV2
             modalTitle="Select Styles"
             label="Select Style"
-            value={vstValues.sdModelToken}
+            value={vstValues.sdModelTitle}
             onClear={()=>{
               setVstValues((curr)=>({
                 ...curr,
@@ -124,8 +121,25 @@ export default function PageVSTApp({
               }))
             }}
           >
-            <p>pick styles here</p>
+            {styleModels.map((data:any, key:number)=>{
+              const weightProps = {data}
+              console.log(data);
+              return(
+                <WeightsCards
+                  type="image_generation"
+                  props={weightProps}
+                />
+              )
+            })}
+            
           </SelectModalV2>
+
+          <SectionAdvanceOptions 
+            onChange={handleOnChange}
+            vstValues={vstValues}
+          />
+
+          
         </div>
       </div>
       {/* <div className="row g-3 mt-4">
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/styleModel.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/styleModel.tsx
new file mode 100644
index 0000000000..3520da7a38
--- /dev/null
+++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/styleModel.tsx
@@ -0,0 +1,41 @@
+const styleModels = [
+  {
+    "weight_token": "weight_yqexh77ntqyawzgh9fzash798",
+    "weight_type": "sd_1.5",
+    "weight_category": "image_generation",
+    "title": "Flat2D Animerge v3",
+    "maybe_cover_image_public_bucket_path": "/media/2/t/5/a/q/2t5aq2nvtdt4zcfvmx8xm6xqzg0tka7n/upload_2t5aq2nvtdt4zcfvmx8xm6xqzg0tka7n.png",
+    "cover_image": {
+        "maybe_cover_image_public_bucket_path": "/media/2/t/5/a/q/2t5aq2nvtdt4zcfvmx8xm6xqzg0tka7n/upload_2t5aq2nvtdt4zcfvmx8xm6xqzg0tka7n.png",
+        "default_cover": {
+            "image_index": 16,
+            "color_index": 2
+        }
+    },
+    "creator": {
+        "user_token": "U:38X9ACM68GFK7",
+        "username": "crossproduct1",
+        "display_name": "crossproduct1",
+        "gravatar_hash": "e7cc43eed149c304c917383c665fe9e2",
+        "default_avatar": {
+            "image_index": 4,
+            "color_index": 8
+        }
+    },
+    "creator_set_visibility": "public",
+    "file_size_bytes": 0,
+    "file_checksum_sha2": "5dd56bfa12e9ea2f1f3e86a04d0d2cde06a58f2cdf3bfc46cbff6aaa8f00921d",
+    "creator_username": "crossproduct1",
+    "creator_display_name": "crossproduct1",
+    "creator_email_gravatar_hash": "e7cc43eed149c304c917383c665fe9e2",
+    "stats": {
+        "positive_rating_count": 2,
+        "bookmark_count": 1
+    },
+    "created_at": "2024-02-28T21:00:43Z",
+    "updated_at": "2024-02-28T21:00:43Z"
+  },
+]
+
+export default styleModels;
+