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[]; 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="pb-4">
<div className="flex mt-4 justify-between"> <div className="flex mt-4 justify-between">
<div className="gap-4 flex items-center"> <div className="gap-4 flex items-center">
@ -23,5 +28,6 @@ const GenerateImageList: React.FC<Props> = ({ products }) => (
</div> </div>
</div> </div>
); );
};
export default GenerateImageList; export default GenerateImageList;

View File

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