external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-03-09 15:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: updates

Browse source
This commit is contained in:
Zamitto 2024-10-22 10:17:54 -03:00
parent 3ade87fe0b
commit 57e4bd4d27
10 changed files with 132 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/renderer/src/pages/achievements/achievements-content.tsx
View file

@ -42,6 +42,7 @@ interface AchievementSummaryProps {
function AchievementSummary({ user, isComparison }: AchievementSummaryProps) {
const { t } = useTranslation("achievement");
const { userDetails, hasActiveSubscription } = useUserDetails();
const { handleClickOpenCheckout } = useContext(gameDetailsContext);
const getProfileImage = (
user: Pick<UserInfo, "profileImageUrl" | "displayName">
@ -90,7 +91,12 @@ function AchievementSummary({ user, isComparison }: AchievementSummaryProps) {
>
<LockIcon size={24} />
<h3>
<Link to={""}>{t("subscription_needed")}</Link>
<button
className={styles.subscriptionRequiredButton}
onClick={handleClickOpenCheckout}
>
{t("subscription_needed")}
</button>
</h3>
</div>
<div

13
src/renderer/src/pages/achievements/achievements.css.ts
View file

@ -207,3 +207,16 @@ export const profileAvatarSmall = style({
position: "relative",
objectFit: "cover",
});
export const subscriptionRequiredButton = style({
textDecoration: "none",
display: "flex",
justifyContent: "center",
width: "100%",
gap: `${SPACING_UNIT / 2}px`,
color: vars.color.body,
cursor: "pointer",
":hover": {
textDecoration: "underline",
},
});