feat: add achievement section title

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

View File

@ -130,7 +130,8 @@
"download": "Download", "download": "Download",
"executable_path_in_use": "Executable already in use by \"{{game}}\"", "executable_path_in_use": "Executable already in use by \"{{game}}\"",
"warning": "Warning:", "warning": "Warning:",
"hydra_needs_to_remain_open": "for this download, Hydra needs to remain open util its conclusion. In case Hydra closes before the conclusion, you will lose your progress." "hydra_needs_to_remain_open": "for this download, Hydra needs to remain open util its conclusion. In case Hydra closes before the conclusion, you will lose your progress.",
"achievements": "Achievements"
}, },
"activation": { "activation": {
"title": "Activate Hydra", "title": "Activate Hydra",

View File

@ -126,7 +126,8 @@
"download": "Baixar", "download": "Baixar",
"executable_path_in_use": "Executável em uso por \"{{game}}\"", "executable_path_in_use": "Executável em uso por \"{{game}}\"",
"warning": "Aviso:", "warning": "Aviso:",
"hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso." "hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso.",
"achievements": "Conquistas"
}, },
"activation": { "activation": {
"title": "Ativação", "title": "Ativação",

View File

@ -115,7 +115,8 @@
"download": "Transferir", "download": "Transferir",
"executable_path_in_use": "Executável em uso por \"{{game}}\"", "executable_path_in_use": "Executável em uso por \"{{game}}\"",
"warning": "Aviso:", "warning": "Aviso:",
"hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso." "hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso.",
"achievements": "Conquistas"
}, },
"activation": { "activation": {
"title": "Ativação", "title": "Ativação",

View File

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