mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-05 15:54:39 +00:00
small changes
This commit is contained in:
parent
c4c422904e
commit
4aa48f589b
GPG key ID:
858E8EE696525EED
3 changed files with 65 additions and 62 deletions
|
|
@ -28,12 +28,12 @@ export const ProfileReleaseRatings = (props: any) => {
|
|||
{props.ratings.map((release) => {
|
||||
return (
|
||||
<Link href={`/release/${release.id}`} key={`vote-${release.id}`}>
|
||||
<div className="flex gap-4">
|
||||
<div className="flex gap-2">
|
||||
<div className="max-w-32">
|
||||
<Poster image={release.image} />
|
||||
</div>
|
||||
<div className="flex flex-col gap-1 py-4">
|
||||
<h2 className="text-lg">{release.title_ru}</h2>
|
||||
<div className="flex flex-col gap-1">
|
||||
<h2 className="text-lg font-bold dark:text-white">{release.title_ru}</h2>
|
||||
<Rating size="md">
|
||||
<RatingStar filled={release.my_vote >= 1} />
|
||||
<RatingStar filled={release.my_vote >= 2} />
|
||||
|
|
|
|||
|
|
@ -27,6 +27,7 @@ interface ProfileUserProps {
|
|||
inst: string;
|
||||
discord: string;
|
||||
};
|
||||
is_social_hidden: boolean;
|
||||
}
|
||||
|
||||
export const ProfileUser = ({
|
||||
|
|
@ -41,8 +42,8 @@ export const ProfileUser = ({
|
|||
isSponsor,
|
||||
isBlocked,
|
||||
socials,
|
||||
is_social_hidden,
|
||||
}: ProfileUserProps) => {
|
||||
|
||||
const theme = useThemeMode().mode;
|
||||
|
||||
return (
|
||||
|
|
@ -88,65 +89,66 @@ export const ProfileUser = ({
|
|||
<p className="text-sm whitespace-pre-wrap sm:text-md">{status}</p>
|
||||
</div>
|
||||
</div>
|
||||
{(socials.vk ||
|
||||
socials.tg ||
|
||||
socials.discord ||
|
||||
socials.tt ||
|
||||
socials.inst) && (
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{socials.vk && (
|
||||
<Link href={`https://vk.com/${socials.vk}`} target="_blank">
|
||||
{!is_social_hidden &&
|
||||
(socials.vk ||
|
||||
socials.tg ||
|
||||
socials.discord ||
|
||||
socials.tt ||
|
||||
socials.inst) && (
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{socials.vk && (
|
||||
<Link href={`https://vk.com/${socials.vk}`} target="_blank">
|
||||
<UserSocial
|
||||
nickname={socials.vk}
|
||||
icon="fa6-brands--vk"
|
||||
url={`https://vk.com/${socials.vk}`}
|
||||
color="4a76a8"
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
{socials.tg && (
|
||||
<Link href={`https://t.me/${socials.tg}`} target="_blank">
|
||||
<UserSocial
|
||||
nickname={socials.tg}
|
||||
icon="fa6-brands--telegram"
|
||||
url={`https://t.me/${socials.tg}`}
|
||||
color="2aabee"
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
{socials.tt && (
|
||||
<Link href={`https://tiktok.com/@${socials.tt}`} target="_blank">
|
||||
<UserSocial
|
||||
nickname={socials.tt}
|
||||
icon="fa6-brands--tiktok"
|
||||
url={`https://tiktok.com/@${socials.tt}`}
|
||||
color={theme == "light" ? "000000" : "ffffff"}
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
{socials.inst && (
|
||||
<Link
|
||||
href={`https://instagram.com/${socials.inst}`}
|
||||
target="_blank"
|
||||
>
|
||||
<UserSocial
|
||||
nickname={socials.inst}
|
||||
icon="fa6-brands--instagram"
|
||||
url={`https://instagram.com/${socials.inst}`}
|
||||
color="c32aa3"
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
{socials.discord && (
|
||||
<UserSocial
|
||||
nickname={socials.vk}
|
||||
icon="fa6-brands--vk"
|
||||
url={`https://vk.com/${socials.vk}`}
|
||||
color="4a76a8"
|
||||
nickname={socials.discord}
|
||||
icon="fa6-brands--discord"
|
||||
url={`https://discord.com/${socials.discord}`}
|
||||
color="5865f2"
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
{socials.tg && (
|
||||
<Link href={`https://t.me/${socials.tg}`} target="_blank">
|
||||
<UserSocial
|
||||
nickname={socials.tg}
|
||||
icon="fa6-brands--telegram"
|
||||
url={`https://t.me/${socials.tg}`}
|
||||
color="2aabee"
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
{socials.tt && (
|
||||
<Link href={`https://tiktok.com/@${socials.tt}`} target="_blank">
|
||||
<UserSocial
|
||||
nickname={socials.tt}
|
||||
icon="fa6-brands--tiktok"
|
||||
url={`https://tiktok.com/@${socials.tt}`}
|
||||
color={theme == "light" ? "000000" : "ffffff"}
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
{socials.inst && (
|
||||
<Link
|
||||
href={`https://instagram.com/${socials.inst}`}
|
||||
target="_blank"
|
||||
>
|
||||
<UserSocial
|
||||
nickname={socials.inst}
|
||||
icon="fa6-brands--instagram"
|
||||
url={`https://instagram.com/${socials.inst}`}
|
||||
color="c32aa3"
|
||||
/>
|
||||
</Link>
|
||||
)}
|
||||
{socials.discord && (
|
||||
<UserSocial
|
||||
nickname={socials.discord}
|
||||
icon="fa6-brands--discord"
|
||||
url={`https://discord.com/${socials.discord}`}
|
||||
color="5865f2"
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@ export const ProfilePage = (props: any) => {
|
|||
) ?
|
||||
"mt-4"
|
||||
: ""
|
||||
}`}
|
||||
} mb-4`}
|
||||
>
|
||||
<div className="flex flex-col gap-2">
|
||||
<ProfileUser
|
||||
|
|
@ -109,6 +109,7 @@ export const ProfilePage = (props: any) => {
|
|||
inst: user.inst_page || null,
|
||||
discord: user.discord_page || null,
|
||||
}}
|
||||
is_social_hidden={user.is_social_hidden}
|
||||
/>
|
||||
{authUser.token && (
|
||||
<ProfileActions
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue