PublicMirrors/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-02-03 00:33:49 +03:00
Code Issues Actions 1 Packages Projects Releases 1 Wiki Activity

feat: profile active subscription

Browse Source
This commit is contained in:
Zamitto 2024-10-16 01:08:10 -03:00
parent fe681c3af9
commit 5c4ddd9b7a
2 changed files with 41 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
src/renderer/src/pages/profile/profile-content/profile-content.tsx
View File

@ -17,6 +17,7 @@ import { RecentGamesBox } from "./recent-games-box";
import { UserGame } from "@types";
import {
buildGameAchievementPath,
buildGameDetailsPath,
formatDownloadProgress,
} from "@renderer/helpers";
import { MAX_MINUTES_TO_SHOW_IN_PLAYTIME } from "@renderer/constants";
@ -45,11 +46,12 @@ export function ProfileContent() {
}, [userProfile]);
const buildUserGameDetailsPath = (game: UserGame) => {
// TODO: check if user has hydra cloud
// buildGameDetailsPath({
// ...game,
// objectId: game.objectId,
// });
if (!userProfile?.hasActiveSubscription) {
return buildGameDetailsPath({
...game,
objectId: game.objectId,
});
}
const userParams = userProfile
? {
@ -172,53 +174,55 @@ export function ProfileContent() {
{formatPlayTime(game.playTimeInSeconds)}
</small>
<div
style={{
color: "white",
width: "100%",
display: "flex",
flexDirection: "column",
}}
>
{userProfile.hasActiveSubscription && (
<div
style={{
color: "white",
width: "100%",
display: "flex",
justifyContent: "space-between",
marginBottom: 8,
color: vars.color.muted,
flexDirection: "column",
}}
>
<div
style={{
display: "flex",
alignItems: "center",
gap: 8,
justifyContent: "space-between",
marginBottom: 8,
color: vars.color.muted,
}}
>
<TrophyIcon size={13} />
<div
style={{
display: "flex",
alignItems: "center",
gap: 8,
}}
>
<TrophyIcon size={13} />
<span>
{game.unlockedAchievementCount} /{" "}
{game.achievementCount}
</span>
</div>
<span>
{game.unlockedAchievementCount} /{" "}
{game.achievementCount}
{formatDownloadProgress(
game.unlockedAchievementCount /
game.achievementCount
)}
</span>
</div>
<span>
{formatDownloadProgress(
<progress
max={1}
value={
game.unlockedAchievementCount /
game.achievementCount
)}
</span>
game.achievementCount
}
className={styles.achievementsProgressBar}
/>
</div>
<progress
max={1}
value={
game.unlockedAchievementCount /
game.achievementCount
}
className={styles.achievementsProgressBar}
/>
</div>
)}
</div>
<img

1
src/types/index.ts
View File

@ -261,6 +261,7 @@ export interface UserProfile {
relation: UserRelation | null;
currentGame: UserProfileCurrentGame | null;
bio: string;
hasActiveSubscription: boolean;
}
export interface UpdateProfileRequest {