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 //@ts-ignore
import { ReactComponent as TransferFiles } from "../../../../assets/undraw_transfer_files_re_a2a9.svg"; import { ReactComponent as TransferFiles } from "../../../../assets/undraw_transfer_files_re_a2a9.svg";
//@ts-ignore //@ts-ignore
import { ReactComponent as ChatWithHistory } from "../../../../assets/undraw_mobile_messages_re_yx8w.svg";
//@ts-ignore //@ts-ignore
import { ReactComponent as Assistant } from "../../../../assets/undraw_team_collaboration_re_ow29.svg";
//@ts-ignore //@ts-ignore
import { ReactComponent as APIRequest } from "../../../../assets/undraw_real_time_analytics_re_yliv.svg"; import { ReactComponent as APIRequest } from "../../../../assets/undraw_real_time_analytics_re_yliv.svg";
//@ts-ignore //@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 //@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 //@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 //@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 { import {
Card, Card,
@ -36,7 +33,7 @@ export default function UndrawCardComponent({
function selectImage() { function selectImage() {
switch (flow.name) { switch (flow.name) {
case "Blog Writter": case "Blog Writer":
return ( return (
<BlogPost <BlogPost
style={{ style={{
@ -56,7 +53,7 @@ export default function UndrawCardComponent({
}} }}
/> />
); );
case "Chatbot with Memory": case "Memory Chatbot":
return ( return (
<ChatBot <ChatBot
style={{ style={{
@ -78,7 +75,7 @@ export default function UndrawCardComponent({
); );
case "Document QA": case "Document QA":
return ( return (
<Assistant <TransferFiles
style={{ style={{
width: "80%", width: "80%",
height: "80%", height: "80%",

View file

@ -23,18 +23,41 @@ export default function NewFlowModal({
/> */} /> */}
</BaseModal.Header> </BaseModal.Header>
<BaseModal.Content> <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 /> <NewFlowCardComponent />
{/* {examples.map((example, idx) => { {/* {examples.map((example, idx) => {
return <UndrawCardComponent key={idx} flow={example} />; 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 == "Basic Prompting") && (
{examples.find(e=>e.name=="Memory Chatbot") && <UndrawCardComponent key={1} flow={examples.find(e=>e.name=="Memory Chatbot")!}/>} <UndrawCardComponent
{examples.find(e=>e.name=="Document QA") && <UndrawCardComponent key={1} flow={examples.find(e=>e.name=="Document QA")!}/>} key={1}
{examples.find(e=>e.name=="Prompt Chaining") && <UndrawCardComponent key={1} flow={examples.find(e=>e.name=="Prompt Chaining")!}/>} flow={examples.find((e) => e.name == "Basic Prompting")!}
{examples.find(e=>e.name=="Blog Writter") && <UndrawCardComponent key={1} flow={examples.find(e=>e.name=="Blog Writter")!}/>} />
)}
{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> </div>
</BaseModal.Content> </BaseModal.Content>
</BaseModal> </BaseModal>

View file

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