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: add edit modal dark mode

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-21 00:41:27 +05:00
parent b3f432b36a
commit 8339f9b094
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -164,7 +164,7 @@ export const ProfileEditModal = (props: {
</div> </div>
</div> </div>
<button <button
className="p-2 text-left rounded-md hover:bg-gray-100" className="p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900"
disabled={prefData.is_change_avatar_banned} disabled={prefData.is_change_avatar_banned}
> >
<Label htmlFor="dropzone-file" className="cursor-pointer"> <Label htmlFor="dropzone-file" className="cursor-pointer">
@ -179,7 +179,7 @@ export const ProfileEditModal = (props: {
/> />
<div> <div>
<p className="text-lg">Изменить фото профиля</p> <p className="text-lg">Изменить фото профиля</p>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500 dark:text-gray-400">
{prefData.is_change_avatar_banned {prefData.is_change_avatar_banned
? `Заблокировано до ${unixToDate( ? `Заблокировано до ${unixToDate(
prefData.ban_change_avatar_expires, prefData.ban_change_avatar_expires,
@ -191,25 +191,25 @@ export const ProfileEditModal = (props: {
</Label> </Label>
</button> </button>
<button <button
className="p-2 text-left rounded-md hover:bg-gray-100" className="p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900"
onClick={() => { onClick={() => {
setStatusModalOpen(true); setStatusModalOpen(true);
}} }}
> >
<p className="text-lg">Изменить статус</p> <p className="text-lg">Изменить статус</p>
<p className="text-base text-gray-500 whitespace-pre"> <p className="text-base text-gray-500 whitespace-pre dark:text-gray-400">
{status} {status}
</p> </p>
</button> </button>
<button <button
className="p-2 text-left rounded-md hover:bg-gray-100" className="p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900"
disabled={prefData.is_change_login_banned} disabled={prefData.is_change_login_banned}
onClick={() => { onClick={() => {
setLoginModalOpen(true); setLoginModalOpen(true);
}} }}
> >
<p className="text-lg">Изменить никнейм</p> <p className="text-lg">Изменить никнейм</p>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500 dark:text-gray-400">
{prefData.is_change_login_banned {prefData.is_change_login_banned
? `Заблокировано до ${unixToDate( ? `Заблокировано до ${unixToDate(
prefData.ban_change_login_expires, prefData.ban_change_login_expires,
@ -219,13 +219,13 @@ export const ProfileEditModal = (props: {
</p> </p>
</button> </button>
<button <button
className="p-2 text-left rounded-md hover:bg-gray-100" className="p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900"
onClick={() => { onClick={() => {
setSocialModalOpen(true); setSocialModalOpen(true);
}} }}
> >
<p className="text-lg">Мои социальные сети</p> <p className="text-lg">Мои социальные сети</p>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500 dark:text-gray-400">
укажите ссылки на свои страницы в соц. сетях укажите ссылки на свои страницы в соц. сетях
</p> </p>
</button> </button>
@ -236,7 +236,7 @@ export const ProfileEditModal = (props: {
<p className="text-xl font-bold">Приватность</p> <p className="text-xl font-bold">Приватность</p>
</div> </div>
<button <button
className="p-2 text-left rounded-md hover:bg-gray-100" className="p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900"
onClick={() => { onClick={() => {
setPrivacyModalOpen(true); setPrivacyModalOpen(true);
setPrivacyModalSetting("privacy_stats"); setPrivacyModalSetting("privacy_stats");
@ -245,7 +245,7 @@ export const ProfileEditModal = (props: {
<p className="text-lg"> <p className="text-lg">
Кто видит мою статистику, оценки и историю просмотра Кто видит мою статистику, оценки и историю просмотра
</p> </p>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500 dark:text-gray-400">
{ {
privacy_stat_act_social_text[ privacy_stat_act_social_text[
privacySettings.privacy_stats privacySettings.privacy_stats
@ -254,7 +254,7 @@ export const ProfileEditModal = (props: {
</p> </p>
</button> </button>
<button <button
className="p-2 text-left rounded-md hover:bg-gray-100" className="p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900"
onClick={() => { onClick={() => {
setPrivacyModalOpen(true); setPrivacyModalOpen(true);
setPrivacyModalSetting("privacy_counts"); setPrivacyModalSetting("privacy_counts");
@ -264,7 +264,7 @@ export const ProfileEditModal = (props: {
Кто видит в профиле мои комментарии, коллекции, видео и Кто видит в профиле мои комментарии, коллекции, видео и
друзей друзей
</p> </p>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500 dark:text-gray-400">
{ {
privacy_stat_act_social_text[ privacy_stat_act_social_text[
privacySettings.privacy_counts privacySettings.privacy_counts
@ -273,7 +273,7 @@ export const ProfileEditModal = (props: {
</p> </p>
</button> </button>
<button <button
className="p-2 text-left rounded-md hover:bg-gray-100" className="p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900"
onClick={() => { onClick={() => {
setPrivacyModalOpen(true); setPrivacyModalOpen(true);
setPrivacyModalSetting("privacy_social"); setPrivacyModalSetting("privacy_social");
@ -282,7 +282,7 @@ export const ProfileEditModal = (props: {
<p className="text-lg"> <p className="text-lg">
Кто видит в профиле мои социальные сети Кто видит в профиле мои социальные сети
</p> </p>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500 dark:text-gray-400">
{ {
privacy_stat_act_social_text[ privacy_stat_act_social_text[
privacySettings.privacy_social privacySettings.privacy_social
@ -291,7 +291,7 @@ export const ProfileEditModal = (props: {
</p> </p>
</button> </button>
<button <button
className="p-2 text-left rounded-md hover:bg-gray-100" className="p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900"
onClick={() => { onClick={() => {
setPrivacyModalOpen(true); setPrivacyModalOpen(true);
setPrivacyModalSetting("privacy_friend_requests"); setPrivacyModalSetting("privacy_friend_requests");
@ -300,7 +300,7 @@ export const ProfileEditModal = (props: {
<p className="text-lg"> <p className="text-lg">
Кто может отправлять мне заявки в друзья Кто может отправлять мне заявки в друзья
</p> </p>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500 dark:text-gray-400">
{ {
privacy_friend_req_text[ privacy_friend_req_text[
privacySettings.privacy_friend_requests privacySettings.privacy_friend_requests
@ -308,13 +308,13 @@ export const ProfileEditModal = (props: {
} }
</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 dark:hover:bg-gray-900">
<p className="text-lg">Блоклист</p> <p className="text-lg">Блоклист</p>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500 dark:text-gray-400">
Список пользователей, которым запрещён доступ к вашей Список пользователей, которым запрещён доступ к вашей
странице странице
</p> </p>
</button> </button> */}
</div> </div>
<div> <div>
<div className="flex flex-col"> <div className="flex flex-col">
@ -322,13 +322,13 @@ export const ProfileEditModal = (props: {
<span className="w-8 h-8 iconify mdi--link"></span> <span className="w-8 h-8 iconify mdi--link"></span>
<p className="text-xl font-bold">Привязка к сервисам</p> <p className="text-xl font-bold">Привязка к сервисам</p>
</div> </div>
<p className="mx-1 text-base text-gray-500"> <p className="mx-1 text-base text-gray-500 dark:text-gray-400">
Недоступно для изменения в данном клиенте Недоступно для изменения в данном клиенте
</p> </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>
<p className="text-base text-gray-500"> <p className="text-base text-gray-500 dark:text-gray-400">
{socialBounds.vk || socialBounds.google {socialBounds.vk || socialBounds.google
? "Аккаунт привязан к:" ? "Аккаунт привязан к:"
: "не привязан к сервисам"}{" "} : "не привязан к сервисам"}{" "}

2
app/components/Profile/Profile.EditSocialModal.tsx
View file

@ -122,7 +122,7 @@ export const ProfileEditSocialModal = (props: {
> >
<Modal.Header>Соц. сети</Modal.Header> <Modal.Header>Соц. сети</Modal.Header>
<Modal.Body> <Modal.Body>
<p className="p-2 text-gray-400 border-2 border-gray-200 rounded-md"> <p className="p-2 text-gray-400 border-2 border-gray-200 rounded-md dark:border-gray-500 dark:text-gray-300">
Укажите ссылки на свои социальные сети, чтобы другие пользователи Укажите ссылки на свои социальные сети, чтобы другие пользователи
могли с вами связаться могли с вами связаться
</p> </p>