Merge pull request #73 from janhq/chore/small-ui-fix

chore: remove the grid on blank chat screen
This commit is contained in:
NamH 2023-09-06 08:19:30 -07:00 committed by GitHub
commit 0cfca5b6ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 21 deletions

View File

@ -6,7 +6,12 @@ type Props = {
products: ProductDetailFragment[];
};
const GenerateImageList: React.FC<Props> = ({ products }) => (
const GenerateImageList: React.FC<Props> = ({ products }) => {
if (products.length === 0) {
return <div></div>;
}
return (
<div className="pb-4">
<div className="flex mt-4 justify-between">
<div className="gap-4 flex items-center">
@ -22,6 +27,7 @@ const GenerateImageList: React.FC<Props> = ({ products }) => (
))}
</div>
</div>
);
);
};
export default GenerateImageList;

View File

@ -43,13 +43,11 @@ const NewChatBlankState: React.FC = () => {
}
return (
<div className="grid">
<div className="bg-gray-100 px-6 pt-8 w-full h-full overflow-y-scroll scroll">
<Slider products={featured} />
<ConversationalList products={conversational} />
<GenerateImageList products={generativeArts} />
</div>
</div>
);
};