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

feat: disable login and avatar change button if banned from server

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-20 12:28:14 +05:00
parent 8138286233
commit ed7e365138
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 35 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
app/components/Profile/Profile.EditModal.tsx
View file

@ -7,6 +7,7 @@ import { ENDPOINTS } from "#/api/config";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { ProfileEditPrivacyModal } from "./Profile.EditPrivacyModal"; import { ProfileEditPrivacyModal } from "./Profile.EditPrivacyModal";
import { ProfileEditStatusModal } from "./Profile.EditStatusModal"; import { ProfileEditStatusModal } from "./Profile.EditStatusModal";
import { unixToDate } from "#/api/utils";
const fetcher = async (url: string) => { const fetcher = async (url: string) => {
const res = await fetch(url); const res = await fetch(url);
@ -103,19 +104,27 @@ export const ProfileEditModal = (props: {
) : ( ) : (
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
<div className="flex flex-col gap-2 pb-4 border-b-2 border-gray-300 border-solid"> <div className="flex flex-col gap-2 pb-4 border-b-2 border-gray-300 border-solid">
<div className="flex items-center gap-2"> <div className="flex flex-col">
<span className="w-8 h-8 iconify mdi--user"></span> <div className="flex items-center gap-2">
<div className="flex flex-col"> <span className="w-8 h-8 iconify mdi--user"></span>
<p className="text-xl font-bold">Профиль</p> <p className="text-xl font-bold">Профиль</p>
<p className="text-base text-gray-500">
Изменения будут видны после перезагрузки страницы
</p>
</div> </div>
<p className="mx-1 text-base text-gray-500">
Изменения будут видны после перезагрузки страницы
</p>
</div> </div>
<button className="p-2 text-left rounded-md hover:bg-gray-100"> <button
className="p-2 text-left rounded-md hover:bg-gray-100"
disabled={prefData.is_change_avatar_banned}
>
<p className="text-lg">Изменить фото профиля</p> <p className="text-lg">Изменить фото профиля</p>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500">
Загрузить с устройства {prefData.is_change_avatar_banned
? `Заблокировано до ${unixToDate(
prefData.ban_change_avatar_expires,
"full"
)}`
: "Загрузить с устройства"}
</p> </p>
</button> </button>
<button <button
@ -129,9 +138,19 @@ export const ProfileEditModal = (props: {
{status} {status}
</p> </p>
</button> </button>
<button className="p-2 text-left rounded-md hover:bg-gray-100"> <button
className="p-2 text-left rounded-md hover:bg-gray-100"
disabled={prefData.is_change_login_banned}
>
<p className="text-lg">Изменить никнейм</p> <p className="text-lg">Изменить никнейм</p>
<p className="text-base text-gray-500">{login}</p> <p className="text-base text-gray-500">
{prefData.is_change_login_banned
? `Заблокировано до ${unixToDate(
prefData.ban_change_login_expires,
"full"
)}`
: login}
</p>
</button> </button>
<button className="p-2 text-left rounded-md hover:bg-gray-100"> <button className="p-2 text-left rounded-md hover:bg-gray-100">
<p className="text-lg">Мои социальные сети</p> <p className="text-lg">Мои социальные сети</p>
@ -227,16 +246,16 @@ export const ProfileEditModal = (props: {
</button> </button>
</div> </div>
<div> <div>
<div className="flex items-center gap-2"> <div className="flex flex-col">
<span className="w-8 h-8 iconify mdi--shield"></span> <div className="flex items-center gap-2">
<div className="flex flex-col"> <span className="w-8 h-8 iconify mdi--shield"></span>
<p className="text-xl font-bold"> <p className="text-xl font-bold">
Безопасность и привязка к сервисам Безопасность и привязка к сервисам
</p> </p>
<p className="text-base text-gray-500">
Не доступно для изменения в данном клиенте
</p>
</div> </div>
<p className="mx-1 text-base text-gray-500">
Не доступно для изменения в данном клиенте
</p>
</div> </div>
<div className="p-2 mt-2 cursor-not-allowed"> <div className="p-2 mt-2 cursor-not-allowed">
<p className="text-lg">Привязка к сервисам</p> <p className="text-lg">Привязка к сервисам</p>