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

feat: add recently watched widget

Browse source
This commit is contained in:
Kentai Radiquum 2024-08-25 17:45:52 +05:00
parent 7a0b71020f
commit 6aa6424508
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 93 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/pages/Profile.tsx
View file

@ -13,6 +13,7 @@ import { ProfileStats } from "#/components/Profile/Profile.Stats";
import { ProfileWatchDynamic } from "#/components/Profile/Profile.WatchDynamic";
import { ProfileActions } from "#/components/Profile/Profile.Actions";
import { ProfileReleaseRatings } from "#/components/Profile/Profile.ReleaseRatings";
import { ProfileReleaseHistory } from "#/components/Profile/Profile.ReleaseHistory";
export const ProfilePage = (props: any) => {
const authUser = useUserStore((state) => state);
@ -104,7 +105,7 @@ export const ProfilePage = (props: any) => {
isPrivacy || user.is_banned || user.is_perm_banned ? "mt-4" : ""
}`}
>
<div className="flex flex-col gap-2 w-[50%]">
<div className="flex flex-col gap-2 w-full xl:w-[50%]">
<ProfileUser
isOnline={user.is_online}
avatar={user.avatar}
@ -135,10 +136,17 @@ export const ProfilePage = (props: any) => {
/>
)}
{!user.is_stats_hidden && (
<ProfileReleaseRatings ratings={user.votes} />
<div className="hidden xl:flex flex-col gap-2">
{user.votes && user.votes.length > 0 && (
<ProfileReleaseRatings ratings={user.votes} />
)}
{user.history && user.history.length > 0 && (
<ProfileReleaseHistory history={user.history} />
)}
</div>
)}
</div>
<div className="flex flex-col gap-2 flex-1">
<div className="flex flex-col gap-2 w-full xl:flex-1 xl:w-auto ">
<ProfileActions
isMyProfile={isMyProfile}
profile_id={user.id}
@ -158,6 +166,14 @@ export const ProfilePage = (props: any) => {
watched_time={user.watched_time}
/>
<ProfileWatchDynamic watchDynamic={user.watch_dynamics || []} />
<div className="xl:hidden flex flex-col gap-2">
{user.votes && user.votes.length > 0 && (
<ProfileReleaseRatings ratings={user.votes} />
)}
{user.history && user.history.length > 0 && (
<ProfileReleaseHistory history={user.history} />
)}
</div>
</>
)}
</div>