Lightemerald/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2026-01-11 13:56:16 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix: performance

Browse Source
This commit is contained in:
Zamitto
2025-11-12 14:52:38 -03:00
parent 20c0d3174b
commit f594cd298a
2 changed files with 22 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/renderer/src/hooks/use-library.ts
View File

@@ -7,25 +7,9 @@ export function useLibrary() {
const library = useAppSelector((state) => state.library.value);
const updateLibrary = useCallback(async () => {
return window.electron.getLibrary().then(async (updatedLibrary) => {
const libraryWithAchievements = await Promise.all(
updatedLibrary.map(async (game) => {
const unlockedAchievements =
await window.electron.getUnlockedAchievements(
game.objectId,
game.shop
);
return {
...game,
unlockedAchievementCount:
game.unlockedAchievementCount || unlockedAchievements.length,
};
})
);
dispatch(setLibrary(libraryWithAchievements));
});
return window.electron
.getLibrary()
.then((updatedLibrary) => dispatch(setLibrary(updatedLibrary)));
}, [dispatch]);
return { library, updateLibrary };

26
src/renderer/src/pages/library/library-game-card-large.tsx
View File

@@ -1,7 +1,7 @@
import { LibraryGame } from "@types";
import { useGameCard } from "@renderer/hooks";
import { ClockIcon, AlertFillIcon, TrophyIcon } from "@primer/octicons-react";
import { memo, useMemo } from "react";
import { memo, useEffect, useMemo, useState } from "react";
import "./library-game-card-large.scss";
interface LibraryGameCardLargeProps {
@@ -48,6 +48,20 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
]
);
const [unlockedAchievementsCount, setUnlockedAchievementsCount] = useState(
game.unlockedAchievementCount ?? 0
);
useEffect(() => {
if (game.unlockedAchievementCount) return;
window.electron
.getUnlockedAchievements(game.objectId, game.shop)
.then((achievements) => {
setUnlockedAchievementsCount(achievements.length);
});
}, [game]);
const backgroundStyle = useMemo(
() =>
backgroundImage ? { backgroundImage: `url(${backgroundImage})` } : {},
@@ -56,9 +70,9 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
const achievementBarStyle = useMemo(
() => ({
width: `${((game.unlockedAchievementCount ?? 0) / (game.achievementCount ?? 1)) * 100}%`,
width: `${(unlockedAchievementsCount / (game.achievementCount ?? 1)) * 100}%`,
}),
[game.unlockedAchievementCount, game.achievementCount]
[unlockedAchievementsCount, game.achievementCount]
);
const logoImage = game.customLogoImageUrl ?? game.logoImageUrl;
@@ -116,14 +130,12 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
className="library-game-card-large__achievement-trophy"
/>
<span className="library-game-card-large__achievement-count">
{game.unlockedAchievementCount ?? 0} /{" "}
{game.achievementCount ?? 0}
{unlockedAchievementsCount} / {game.achievementCount ?? 0}
</span>
</div>
<span className="library-game-card-large__achievement-percentage">
{Math.round(
((game.unlockedAchievementCount ?? 0) /
(game.achievementCount ?? 1)) *
(unlockedAchievementsCount / (game.achievementCount ?? 1)) *
100
)}
%