general fixes

This commit is contained in:
cristhianzl 2024-04-01 20:51:23 -03:00
commit d3bb6a78cb
4 changed files with 1024 additions and 1113 deletions

View file

@ -3,20 +3,17 @@ import { useNavigate } from "react-router-dom";
//@ts-ignore
import { ReactComponent as TransferFiles } from "../../../../assets/undraw_transfer_files_re_a2a9.svg";
//@ts-ignore
import { ReactComponent as ChatWithHistory } from "../../../../assets/undraw_mobile_messages_re_yx8w.svg";
//@ts-ignore
import { ReactComponent as Assistant } from "../../../../assets/undraw_team_collaboration_re_ow29.svg";
//@ts-ignore
import { ReactComponent as APIRequest } from "../../../../assets/undraw_real_time_analytics_re_yliv.svg";
//@ts-ignore
import {ReactComponent as PromptChaining} from "../../../../assets/undraw_cloud_docs_re_xjht.svg"
import { ReactComponent as PromptChaining } from "../../../../assets/undraw_cloud_docs_re_xjht.svg";
//@ts-ignore
import {ReactComponent as ChatBot} from "../../../../assets/undraw_chat_bot_re_e2gj.svg"
import { ReactComponent as ChatBot } from "../../../../assets/undraw_chat_bot_re_e2gj.svg";
//@ts-ignore
import {ReactComponent as BlogPost} from "../../../../assets/undraw_blog_post_re_fy5x.svg"
import { ReactComponent as BlogPost } from "../../../../assets/undraw_blog_post_re_fy5x.svg";
//@ts-ignore
import {ReactComponent as BasicPrompt} from "../../../../assets/undraw_short_bio_re_fmx0.svg"
import { ReactComponent as BasicPrompt } from "../../../../assets/undraw_design_components_9vy6.svg";
import {
Card,
@ -36,7 +33,7 @@ export default function UndrawCardComponent({
function selectImage() {
switch (flow.name) {
case "Blog Writter":
case "Blog Writer":
return (
<BlogPost
style={{
@ -56,7 +53,7 @@ export default function UndrawCardComponent({
}}
/>
);
case "Chatbot with Memory":
case "Memory Chatbot":
return (
<ChatBot
style={{
@ -78,7 +75,7 @@ export default function UndrawCardComponent({
);
case "Document QA":
return (
<Assistant
<TransferFiles
style={{
width: "80%",
height: "80%",

View file

@ -23,18 +23,41 @@ export default function NewFlowModal({
/> */}
</BaseModal.Header>
<BaseModal.Content>
<div className=" grid h-full w-full grid-cols-3 gap-3 overflow-auto p-4 custom-scroll">
<div className=" grid h-fit w-full grid-cols-3 gap-3 overflow-auto p-4 custom-scroll">
<NewFlowCardComponent />
{/* {examples.map((example, idx) => {
return <UndrawCardComponent key={idx} flow={example} />;
})} */}
{examples.find(e=>e.name=="Basic Prompting") && <UndrawCardComponent key={1} flow={examples.find(e=>e.name=="Basic Prompting")!}/>}
{examples.find(e=>e.name=="Memory Chatbot") && <UndrawCardComponent key={1} flow={examples.find(e=>e.name=="Memory Chatbot")!}/>}
{examples.find(e=>e.name=="Document QA") && <UndrawCardComponent key={1} flow={examples.find(e=>e.name=="Document QA")!}/>}
{examples.find(e=>e.name=="Prompt Chaining") && <UndrawCardComponent key={1} flow={examples.find(e=>e.name=="Prompt Chaining")!}/>}
{examples.find(e=>e.name=="Blog Writter") && <UndrawCardComponent key={1} flow={examples.find(e=>e.name=="Blog Writter")!}/>}
{examples.find((e) => e.name == "Basic Prompting") && (
<UndrawCardComponent
key={1}
flow={examples.find((e) => e.name == "Basic Prompting")!}
/>
)}
{examples.find((e) => e.name == "Memory Chatbot") && (
<UndrawCardComponent
key={1}
flow={examples.find((e) => e.name == "Memory Chatbot")!}
/>
)}
{examples.find((e) => e.name == "Document QA") && (
<UndrawCardComponent
key={1}
flow={examples.find((e) => e.name == "Document QA")!}
/>
)}
{examples.find((e) => e.name == "Prompt Chaining") && (
<UndrawCardComponent
key={1}
flow={examples.find((e) => e.name == "Prompt Chaining")!}
/>
)}
{examples.find((e) => e.name == "Blog Writer") && (
<UndrawCardComponent
key={1}
flow={examples.find((e) => e.name == "Blog Writer")!}
/>
)}
</div>
</BaseModal.Content>
</BaseModal>

View file

@ -141,7 +141,7 @@ function BaseModal({
break;
case "three-cards":
minWidth = "min-w-[1066px]";
height = "h-[80vh]";
height = "h-fit";
break;
case "large-thin":
minWidth = "min-w-[65vw]";