Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-06 00:04:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add empty states
Some checks are pending
V3 Preview Deployment / Deploy-Preview (push) Waiting to run
Details

Browse source
This commit is contained in:
Kentai Radiquum 2025-04-04 06:04:23 +05:00
parent 0cd74983f3
commit 0730b7c7d4
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 19 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/components/Profile/Profile.ActivityCollections.tsx
View file

@ -49,14 +49,17 @@ export const ProfileActivityCollections = (props: {
</SwiperSlide> </SwiperSlide>
); );
})} })}
<SwiperSlide style={{ width: "fit-content" }}>
<Link href={`/profile/${props.profile_id}/collections`}> {props.content && props.content.length > 0 ?
<div className="w-[400px] xl:w-[500px] aspect-video flex flex-col items-center justify-center w-full gap-2 text-black transition-colors bg-gray-100 border hover:bg-gray-200 border-gray-50 hover:border-gray-100 dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-500 aspect-video group dark:bg-gray-600 dark:text-white"> <SwiperSlide style={{ width: "fit-content" }}>
<span className="w-8 h-8 iconify mdi--arrow-right dark:fill-white"></span> <Link href={`/profile/${props.profile_id}/collections`}>
<p>Все коллекции</p> <div className="w-[400px] xl:w-[500px] aspect-video flex flex-col items-center justify-center w-full gap-2 text-black transition-colors bg-gray-100 border hover:bg-gray-200 border-gray-50 hover:border-gray-100 dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-500 aspect-video group dark:bg-gray-600 dark:text-white">
</div> <span className="w-8 h-8 iconify mdi--arrow-right dark:fill-white"></span>
</Link> <p>Все коллекции</p>
</SwiperSlide> </div>
</Link>
</SwiperSlide>
: <p className="text-lg">У пользователя нет коллекций</p>}
</Swiper> </Swiper>
</div> </div>
); );

14
app/components/Profile/Profile.ActivityFriends.tsx
View file

@ -56,12 +56,14 @@ export const ProfileActivityFriends = (props: { content: any }) => {
</SwiperSlide> </SwiperSlide>
); );
})} })}
<SwiperSlide style={{ width: "fit-content" }} className="px-2 py-4"> {props.content && props.content.length > 0 ?
<Button> <SwiperSlide style={{ width: "fit-content" }} className="px-2 py-4">
<p className="text-lg">Все друзья</p> <Button>
<span className="w-8 h-8 iconify mdi--arrow-right dark:fill-white"></span> <p className="text-lg">Все друзья</p>
</Button> <span className="w-8 h-8 iconify mdi--arrow-right dark:fill-white"></span>
</SwiperSlide> </Button>
</SwiperSlide>
: <p className="text-lg">У пользователя нет друзей</p>}
</Swiper> </Swiper>
</div> </div>
); );