Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-28 23:08:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update AccountActionsPart.tsx

Browse source
This commit is contained in:
Pas 2025-03-23 11:27:41 -06:00
parent 97674c9451
commit e6743ab27e
1 changed files with 55 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

103
src/pages/parts/settings/AccountActionsPart.tsx
View file

@ -32,48 +32,50 @@ export function AccountActionsPart() {
<div>
<Heading2 border>{t("settings.account.actions.title")}</Heading2>
{/* Logout All Devices Section */}
<SolidSettingsCard
paddingClass="px-6 py-12 mb-10"
className="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-12"
>
<div>
<Heading3>
{" "}
{t("settings.account.actions.logoutAllDevices.title")}
</Heading3>
<p className="text-type-text">
{t("settings.account.actions.logoutAllDevices.text")}
</p>
</div>
<div className="flex justify-start lg:justify-end items-center">
<Button theme="danger" onClick={signOutAllDevices}>
{t("settings.account.actions.logoutAllDevices.button")}
</Button>
</div>
</SolidSettingsCard>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
{/* Logout All Devices Card */}
<SolidSettingsCard
paddingClass="px-6 py-8"
className="flex flex-col h-full"
>
<div className="flex-grow">
<Heading3>
{t("settings.account.actions.logoutAllDevices.title")}
</Heading3>
<p className="text-type-text mt-3">
{t("settings.account.actions.logoutAllDevices.text")}
</p>
</div>
<div className="mt-6 flex justify-center">
<Button theme="danger" onClick={signOutAllDevices}>
{t("settings.account.actions.logoutAllDevices.button")}
</Button>
</div>
</SolidSettingsCard>
{/* Delete Account Card */}
<SolidSettingsCard
paddingClass="px-6 py-8"
className="flex flex-col h-full"
>
<div className="flex-grow">
<Heading3>{t("settings.account.actions.delete.title")}</Heading3>
<p className="text-type-text mt-3">
{t("settings.account.actions.delete.text")}
</p>
</div>
<div className="mt-6 flex justify-center">
<Button
theme="danger"
loading={deleteResult.loading}
onClick={deleteModal.show}
>
{t("settings.account.actions.delete.button")}
</Button>
</div>
</SolidSettingsCard>
</div>
{/* Delete Account Section */}
<SolidSettingsCard
paddingClass="px-6 py-12"
className="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-12"
>
<div>
<Heading3>{t("settings.account.actions.delete.title")}</Heading3>
<p className="text-type-text">
{t("settings.account.actions.delete.text")}
</p>
</div>
<div className="flex justify-start lg:justify-end items-center">
<Button
theme="danger"
loading={deleteResult.loading}
onClick={deleteModal.show}
>
{t("settings.account.actions.delete.button")}
</Button>
</div>
</SolidSettingsCard>
<Modal id={deleteModal.id}>
<ModalCard>
<Heading2 className="!mt-0">
@ -82,13 +84,18 @@ export function AccountActionsPart() {
<Paragraph>
{t("settings.account.actions.delete.confirmDescription")}
</Paragraph>
<Button
theme="danger"
loading={deleteResult.loading}
onClick={deleteExec}
>
{t("settings.account.actions.delete.confirmButton")}
</Button>
<div className="flex gap-4 mt-4 justify-between">
<Button theme="secondary" onClick={deleteModal.hide}>
{t("onboarding.defaultConfirm.cancel")}
</Button>
<Button
theme="danger"
loading={deleteResult.loading}
onClick={deleteExec}
>
{t("settings.account.actions.delete.confirmButton")}
</Button>
</div>
</ModalCard>
</Modal>
</div>