feat: renaming class names to BEM

This commit is contained in:
Chubby Granny Chaser
2025-05-17 23:00:33 +01:00
9 changed files with 74 additions and 34 deletions

View File

@@ -371,7 +371,13 @@
"bottom_left": "Bottom left",
"bottom_center": "Bottom center",
"bottom_right": "Bottom right",
"enable_achievement_custom_notifications": "Enable achievement custom notifications"
"enable_achievement_custom_notifications": "Enable achievement custom notifications",
"alignment": "Alignment",
"variation": "Variation",
"default": "Default",
"rare": "Rare",
"platinum": "Platinum",
"hidden": "Hidden"
},
"notifications": {
"download_complete": "Download complete",

View File

@@ -357,7 +357,13 @@
"bottom_left": "Inferior esquerdo",
"bottom_right": "Inferior direito",
"bottom_center": "Inferior central",
"achievement_custom_notification_position": "Posição das notificações customizadas de conquista"
"achievement_custom_notification_position": "Posição das notificações customizadas de conquista",
"alignment": "Alinhamento",
"variation": "Variação",
"default": "Padrão",
"rare": "Rara",
"platinum": "Platina",
"hidden": "Oculta"
},
"notifications": {
"download_complete": "Download concluído",

View File

@@ -366,23 +366,31 @@ export class WindowManager {
this.loadNotificationWindowURL();
this.notificationWindow.once("ready-to-show", () => {
if (isStaging) {
this.notificationWindow?.webContents.openDevTools();
}
if (showTestNotification) {
const language = userPreferences.language ?? "en";
setTimeout(() => {
this.notificationWindow?.webContents.send(
"on-achievement-unlocked",
userPreferences.achievementCustomNotificationPosition ?? "top-left",
[generateAchievementCustomNotificationTest(t, language)]
);
this.showTestNotification();
}, 1000);
}
});
}
public static async showTestNotification() {
const userPreferences = await db.get<string, UserPreferences>(
levelKeys.userPreferences,
{
valueEncoding: "json",
}
);
const language = userPreferences.language ?? "en";
this.notificationWindow?.webContents.send(
"on-achievement-unlocked",
userPreferences.achievementCustomNotificationPosition ?? "top_left",
[generateAchievementCustomNotificationTest(t, language)]
);
}
public static async closeNotificationWindow() {
if (this.notificationWindow) {
this.notificationWindow.close();

View File

@@ -454,16 +454,8 @@ $margin-bottom: 28px;
}
&--rare &__chip {
&__icon {
path {
fill: #fff;
}
}
&__label {
color: #fff;
}
background: linear-gradient(
118deg,
160deg,
#e8ad15 18.96%,
#d5900f 26.41%,
#e8ad15 29.99%,
@@ -479,9 +471,6 @@ $margin-bottom: 28px;
#503808 83.6%,
#3e2d08 85.77%
);
}
&--platinum &__chip {
&__icon {
path {
fill: #fff;
@@ -490,6 +479,9 @@ $margin-bottom: 28px;
&__label {
color: #fff;
}
}
&--platinum &__chip {
background: linear-gradient(
118deg,
#15e8d6 18.96%,
@@ -507,6 +499,14 @@ $margin-bottom: 28px;
#085042 83.6%,
#083e31 85.77%
);
&__icon {
path {
fill: #fff;
}
}
&__label {
color: #fff;
}
}
&--closing * {

View File

@@ -13,4 +13,8 @@
&__common-redist-button {
align-self: flex-start;
}
&__test-achievement-notification-button {
align-self: flex-start;
}
}

View File

@@ -277,12 +277,24 @@ export function SettingsGeneral() {
{form.achievementNotificationsEnabled &&
form.achievementCustomNotificationsEnabled && (
<SelectField
label={t("achievement_custom_notification_position")}
value={form.achievementCustomNotificationPosition}
onChange={handleChangeAchievementCustomNotificationPosition}
options={achievementCustomNotificationPositionOptions}
/>
<>
<SelectField
className="settings-general__achievement-custom-notification-position__select-variation"
label={t("achievement_custom_notification_position")}
value={form.achievementCustomNotificationPosition}
onChange={handleChangeAchievementCustomNotificationPosition}
options={achievementCustomNotificationPositionOptions}
/>
<Button
className="settings-general__test-achievement-notification-button"
onClick={() =>
window.electron.updateAchievementCustomNotificationWindow()
}
>
Test Notification
</Button>
</>
)}
<h2 className="settings-general__section-title">{t("common_redist")}</h2>

View File

@@ -44,8 +44,11 @@
}
&__footer {
display: flex;
flex-direction: column;
background-color: globals.$dark-background-color;
padding: globals.$spacing-unit globals.$spacing-unit * 2;
gap: 24px;
&-actions {
display: flex;
@@ -82,6 +85,7 @@
}
&__notification-preview {
padding-top: 12px;
display: flex;
flex-direction: row;
align-items: center;

View File

@@ -156,13 +156,13 @@ export default function ThemeEditor() {
<div className="theme-editor__notification-preview">
<SelectField
className="theme-editor__notification-preview__select-variation"
label="Variation"
label={t("variation")}
options={Object.values(notificationVariations).map(
(variation) => {
return {
key: variation,
value: variation,
label: variation,
label: t(variation),
};
}
)}
@@ -174,7 +174,7 @@ export default function ThemeEditor() {
/>
<SelectField
label={"alignment"}
label={t("alignment")}
value={notificationAlignment}
onChange={(e) =>
setNotificationAlignment(

View File

@@ -191,7 +191,7 @@ export const generateAchievementCustomNotificationTest = (
lng: language ?? "en",
}),
iconUrl: "https://cdn.losbroxas.org/favicon.svg",
points: 100,
points: 2440,
isHidden: false,
isRare: false,
isPlatinum: false,