Lightemerald/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2026-01-23 02:41:02 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat: add renewal info

Browse Source
This commit is contained in:
Zamitto
2025-01-16 11:32:59 -03:00
parent 81cb73c243
commit 2346a5bf86
3 changed files with 39 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/renderer/src/pages/settings/settings-account.tsx
View File

@@ -96,27 +96,48 @@ export function SettingsAccount() {
const getHydraCloudSectionContent = () => {
const hasSubscribedBefore = Boolean(userDetails?.subscription?.expiresAt);
const isRenewalActive = userDetails?.subscription?.status === "active";
if (!hasSubscribedBefore) {
return {
description: t("no_subscription"),
description: <small>{t("no_subscription")}</small>,
callToAction: t("become_subscriber"),
};
}
if (hasActiveSubscription) {
return {
description: t("subscription_active_until", {
date: formatDate(userDetails!.subscription!.expiresAt!),
}),
description: isRenewalActive ? (
<>
<small>
{t("subscription_renews_on", {
date: formatDate(userDetails.subscription!.expiresAt!),
})}
</small>
<small>{t("bill_sent_until")}</small>
</>
) : (
<>
<small>{t("subscription_renew_cancelled")}</small>
<small>
{t("subscription_active_until", {
date: formatDate(userDetails!.subscription!.expiresAt!),
})}
</small>
</>
),
callToAction: t("manage_subscription"),
};
}
return {
description: t("subscription_expired_at", {
date: formatDate(userDetails!.subscription!.expiresAt!),
}),
description: (
<small>
{t("subscription_expired_at", {
date: formatDate(userDetails!.subscription!.expiresAt!),
})}
</small>
),
callToAction: t("renew_subscription"),
};
};
@@ -189,9 +210,9 @@ export function SettingsAccount() {
</Button>
</div>
<div>
<div style={{ display: "flex", flexDirection: "column" }}>
<h3 style={{ marginTop: `${SPACING_UNIT * 2}px` }}>Hydra Cloud</h3>
<small>{getHydraCloudSectionContent().description}</small>
{getHydraCloudSectionContent().description}
</div>
<Button