Feature: Added Trash page with sub tabs for #2
@ -40,11 +40,11 @@ const TrashPage = () => {
|
||||
return (
|
||||
<div className="w-full h-screen flex flex-col p-10 bg-[#F3F3F3]">
|
||||
<Tabs defaultValue="ebooks" className="w-full">
|
||||
<TabsList className="w-full md:w-fit">
|
||||
<TabsTrigger value="ebooks">Ebooks</TabsTrigger>
|
||||
<TabsTrigger value="images">Images</TabsTrigger>
|
||||
<TabsTrigger value="videos">Videos</TabsTrigger>
|
||||
<TabsTrigger value="audios">Audios</TabsTrigger>
|
||||
<TabsList className="w-full md:w-fit bg-transparent">
|
||||
<TabsTrigger value="ebooks" className="border-b-2 border-transparent data-[state=active]:border-b-primary rounded-none data-[state=active]:shadow-none data-[state=active]:bg-transparent">Ebooks</TabsTrigger>
|
||||
<TabsTrigger value="images" className="border-b-2 border-transparent data-[state=active]:border-b-primary rounded-none data-[state=active]:shadow-none data-[state=active]:bg-transparent">Images</TabsTrigger>
|
||||
<TabsTrigger value="videos" className="border-b-2 border-transparent data-[state=active]:border-b-primary rounded-none data-[state=active]:shadow-none data-[state=active]:bg-transparent">Videos</TabsTrigger>
|
||||
<TabsTrigger value="audios" className="border-b-2 border-transparent data-[state=active]:border-b-primary rounded-none data-[state=active]:shadow-none data-[state=active]:bg-transparent">Audios</TabsTrigger>
|
||||
</TabsList>
|
||||
<TabsContent value="ebooks">
|
||||
<EmptyRecords image="/images/noEbook.png" longDescription="Any ebooks you trashed will end up here. You’ll have 30 days to restore them before they’re automatically deleted from your Trash." shortDescription="There’s nothing in your Trash" />
|
||||
@ -74,4 +74,4 @@ const TrashPage = () => {
|
||||
);
|
||||
}
|
||||
|
||||
export default TrashPage;
|
||||
export default TrashPage;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user