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: add achievement section title

Browse source
This commit is contained in:
Zamitto 2024-10-07 12:26:36 -03:00
parent 7c9c27801f
commit 6d4f957e2b
4 changed files with 16 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/renderer/src/pages/game-details/sidebar/sidebar.tsx
View file

@ -54,15 +54,20 @@ export function Sidebar() {
className={styles.contentSidebarTitle}
style={{ border: "none" }}
>
<h3>{t("achievements")}</h3>
<span>{achievements.length}</span>
<h3>
{t("achievements")}{" "}
<span style={{ fontSize: "12px" }}>
({achievements.filter((a) => a.unlocked).length}/
{achievements.length})
</span>
</h3>
</div>
<div
style={{
display: "flex",
flexDirection: "column",
gap: `${SPACING_UNIT}px`,
padding: `${SPACING_UNIT}px`,
padding: `${SPACING_UNIT * 2}px`,
}}
>
{achievements.map((achievement, index) => (
@ -78,8 +83,8 @@ export function Sidebar() {
>
<img
style={{
height: "72px",
width: "72px",
height: "60px",
width: "60px",
filter: achievement.unlocked ? "none" : "grayscale(100%)",
}}
src={