fix(settings/user/snake): personnalMessage -> snake

app/components/Settings/BottomScreen/Menus/Menus.vue

@@ -8,7 +8,7 @@ import UserMenu from "./User/Menu.vue";
 import UserColor from "./User/Color.vue";
 import UserBirthday from "./User/Birthday.vue";
 import UserUserName from "./User/UserName.vue";
-import UserPersonalMessage from "./User/PersonalMessage.vue";
+import UserSnake from "./User/Snake.vue";
 
 import ClockMenu from "./Clock/Menu.vue";
 import ClockAchievements from "./Clock/Achievements.vue";
@@ -47,7 +47,7 @@ const { select, selected, selectorPosition } = useButtonNavigation({
     user: [127, 119, 49, 49],
     userBirthday: [79, 71, 49, 49],
     userUserName: [127, 71, 49, 49],
-    userMessage: [175, 71, 49, 49],
+    userSnake: [175, 71, 49, 49],
     userColor: [127, 23, 49, 49],
 
     touchScreen: [175, 119, 49, 49],
@@ -116,17 +116,17 @@ const { select, selected, selectorPosition } = useButtonNavigation({
     userUserName: {
       down: "user",
       left: "userBirthday",
-      right: "userMessage",
+      right: "userSnake",
       up: "userColor",
     },
-    userMessage: {
+    userSnake: {
       down: ["user", false],
       left: "userUserName",
       up: ["userColor", false],
     },
     userColor: {
       left: ["userBirthday", false],
-      right: ["userMessage", false],
+      right: ["userSnake", false],
       down: "userUserName",
     },
 
@@ -189,7 +189,7 @@ const viewComponents: Record<string, Component> = {
   userColor: UserColor,
   userBirthday: UserBirthday,
   userUserName: UserUserName,
-  userMessage: UserPersonalMessage,
+  userSnake: UserSnake,
 };
 </script>
 

app/components/Settings/BottomScreen/Menus/User/Menu.vue

@@ -38,7 +38,7 @@ onRender((ctx) => {
       -48 + animation.stage2Offset,
       -48 + animation.stage1Offset,
     );
-    assets.images.settings.topScreen.user.message.draw(
+    assets.images.settings.topScreen.user.snake.draw(
       ctx,
       48 - animation.stage2Offset,
       -48 + animation.stage1Offset,

app/components/Settings/BottomScreen/Menus/User/Snake.vue

@@ -17,7 +17,7 @@ const handleCancel = () => {
     case "alive": {
       state.value = "pause";
       confirmationModal.open({
-        text: $t("settings.user.personalMessage.quitConfirmation"),
+        text: $t("settings.user.snake.quitConfirmation"),
         onConfirm: () => {},
         onClosed: (choice) => {
           if (choice === "confirm") store.closeSubMenu();
@@ -42,7 +42,7 @@ const handleConfirm = () => {
     case "alive": {
       state.value = "pause";
       confirmationModal.open({
-        text: $t("settings.user.personalMessage.restartConfirmation"),
+        text: $t("settings.user.snake.restartConfirmation"),
         onConfirm: () => {
           spawn();
         },
@@ -162,14 +162,14 @@ onRender((ctx) => {
   ctx.fillStyle = "#282828";
   fillTextHCentered(
     ctx,
-    $t("settings.user.personalMessage.score", { score }),
+    $t("settings.user.snake.score", { score }),
     27,
     36,
     108,
   );
   fillTextHCentered(
     ctx,
-    $t("settings.user.personalMessage.best", { best: highScore.value }),
+    $t("settings.user.snake.best", { best: highScore.value }),
     135,
     36,
     108,
@@ -180,7 +180,7 @@ onRender((ctx) => {
 
   if (state.value === "waiting") {
     ctx.fillStyle = "#fbfbfb";
-    const text = `\n\n\n  ${$t("settings.user.personalMessage.startPrompt")}`;
+    const text = `\n\n\n  ${$t("settings.user.snake.startPrompt")}`;
     let x = 15;
     let y = 52;
     for (let i = 0; i < text.length; i += 1, x += 16) {

app/components/Settings/TopScreen/Notifications.vue

@@ -45,7 +45,7 @@ const IMAGES_MAP: Record<string, AtlasImage> = {
   user: assets.images.settings.topScreen.user.user,
   userUserName: assets.images.settings.topScreen.user.userName,
   userBirthday: assets.images.settings.topScreen.user.birthday,
-  userMessage: assets.images.settings.topScreen.user.message,
+  userSnake: assets.images.settings.topScreen.user.snake,
   userColor: assets.images.settings.topScreen.user.color,
 
   touchScreen: assets.images.settings.topScreen.touchScreen.touchScreen,

app/stores/settings.ts

@@ -10,7 +10,7 @@ export type SettingsButton =
   | "user"
   | "userBirthday"
   | "userUserName"
-  | "userMessage"
+  | "userSnake"
   | "userColor"
   | "touchScreen";
 

app/utils/settings.ts

@@ -14,7 +14,7 @@ export const SETTINGS_SUB_MENUS = [
   "clockDate",
   "userBirthday",
   "userUserName",
-  "userMessage",
+  "userSnake",
   "userColor",
 ] as const;
 

i18n/locales/en.json

@@ -125,13 +125,8 @@
         "userName": "User Name",
         "firstName": "First Name"
       },
-      "message": {
+      "snake": {
-        "title": "Message",
+        "title": "Snake",
-        "description": "My personal message.",
-        "message": "Hello there!\n\nI hope you\nlike the\nwebsite!"
-      },
-      "personalMessage": {
-        "title": "Personal Message",
         "description": "Play a quick game of Snake!",
         "score": "Score: {score}",
         "best": "Best: {best}",