diff --git a/package.json b/package.json index fb794294..c9f3885f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hydralauncher", - "version": "2.1.3", + "version": "2.1.4", "description": "Hydra", "main": "./out/main/index.js", "author": "Los Broxas", diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json index c2a76b39..312b1870 100644 --- a/src/locales/en/translation.json +++ b/src/locales/en/translation.json @@ -9,7 +9,7 @@ "surprise_me": "Surprise me", "no_results": "No results found", "start_typing": "Starting typing to search...", - "hot": "🔥 Hot now", + "hot": "Hot now", "weekly": "📅 Top games of the week" }, "sidebar": { diff --git a/src/locales/es/translation.json b/src/locales/es/translation.json index b8595d13..b201b248 100644 --- a/src/locales/es/translation.json +++ b/src/locales/es/translation.json @@ -8,7 +8,7 @@ "trending": "Tendencias", "surprise_me": "¡Sorpréndeme!", "no_results": "No se encontraron resultados", - "hot": "🔥 Caliente ahora", + "hot": "Caliente ahora", "weekly": "📅 Los mejores juegos de la semana", "start_typing": "Empieza a escribir para buscar..." }, diff --git a/src/locales/pt-BR/translation.json b/src/locales/pt-BR/translation.json index 28fa6571..168e5b5f 100644 --- a/src/locales/pt-BR/translation.json +++ b/src/locales/pt-BR/translation.json @@ -6,7 +6,7 @@ "home": { "featured": "Destaques", "trending": "Populares", - "hot": "🔥 Populares agora", + "hot": "Populares agora", "weekly": "📅 Mais baixados da semana", "surprise_me": "Surpreenda-me", "no_results": "Nenhum resultado encontrado", diff --git a/src/locales/ru/translation.json b/src/locales/ru/translation.json index e3dfbad5..7efb5201 100644 --- a/src/locales/ru/translation.json +++ b/src/locales/ru/translation.json @@ -8,7 +8,7 @@ "trending": "В тренде", "surprise_me": "Удиви меня", "no_results": "Ничего не найдено", - "hot": "🔥 Сейчас жарко", + "hot": "Сейчас жарко", "start_typing": "Начинаю вводить текст для поиска...", "weekly": "📅 Лучшие игры недели" }, diff --git a/src/renderer/src/assets/lottie/flame.json b/src/renderer/src/assets/lottie/flame.json new file mode 100644 index 00000000..287f5cfd --- /dev/null +++ b/src/renderer/src/assets/lottie/flame.json @@ -0,0 +1,1735 @@ +{ + "v": "4.8.0", + "meta": { "g": "LottieFiles AE 3.6.0", "a": "", "k": "", "d": "", "tc": "" }, + "fr": 60, + "ip": 0, + "op": 120, + "w": 800, + "h": 800, + "nm": "photo_2024-09-15_23-04-57", + "ddd": 0, + "assets": [ + { + "id": "comp_0", + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Shape Layer 7", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { + "i": { "x": [0.667], "y": [1] }, + "o": { "x": [0.333], "y": [0] }, + "t": 47, + "s": [100] + }, + { "t": 61, "s": [0] } + ], + "ix": 11 + }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { + "a": 1, + "k": [ + { + "i": { "x": 0, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [264.871, 490.738, 0], + "to": [0, 0, 0], + "ti": [0, 0, 0] + }, + { "t": 60, "s": [264.871, 310.738, 0] } + ], + "ix": 2 + }, + "a": { "a": 0, "k": [-135.129, -89.262, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [ + { + "i": [ + [-0.25, 1], + [-0.135, -17.717], + [-12.75, -3.75], + [-2.243, 17.242] + ], + "o": [ + [0.25, -1], + [0.139, 18.276], + [-0.75, -18.25], + [-0.814, -26.771] + ], + "v": [ + [-132.25, -138.5], + [-154, -90], + [-131.5, -40], + [-116.257, -97.242] + ], + "c": true + } + ] + }, + { + "t": 60, + "s": [ + { + "i": [ + [-7.75, 29], + [-10, -13], + [-12.5, -35], + [0.144, 18.955] + ], + "o": [ + [-17.031, 4.886], + [11.143, 14.486], + [4.5, -17.5], + [-0.116, -15.18] + ], + "v": [ + [-132.25, -138.5], + [-149, -91], + [-131.5, -40], + [-118.007, -88.242] + ], + "c": true + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.901960844152, 0.231372563979, 0.125490196078, 1], + "ix": 4 + }, + "o": { "a": 0, "k": 100, "ix": 5 }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [0, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 120, + "st": 0, + "bm": 0 + } + ] + }, + { + "id": "comp_1", + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Shape Layer 6", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { + "i": { "x": [0.667], "y": [1] }, + "o": { "x": [0.333], "y": [0] }, + "t": 47, + "s": [100] + }, + { "t": 61, "s": [0] } + ], + "ix": 11 + }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { + "a": 1, + "k": [ + { + "i": { "x": 0, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [264.871, 490.738, 0], + "to": [0, 0, 0], + "ti": [0, 0, 0] + }, + { "t": 60, "s": [264.871, 310.738, 0] } + ], + "ix": 2 + }, + "a": { "a": 0, "k": [-135.129, -89.262, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [ + { + "i": [ + [-0.25, 1], + [-0.135, -17.717], + [-12.75, -3.75], + [-2.243, 17.242] + ], + "o": [ + [0.25, -1], + [0.139, 18.276], + [-0.75, -18.25], + [-0.814, -26.771] + ], + "v": [ + [-132.25, -138.5], + [-154, -90], + [-131.5, -40], + [-116.257, -97.242] + ], + "c": true + } + ] + }, + { + "t": 60, + "s": [ + { + "i": [ + [-7.75, 29], + [-10, -13], + [-12.5, -35], + [0.144, 18.955] + ], + "o": [ + [-17.031, 4.886], + [11.143, 14.486], + [4.5, -17.5], + [-0.116, -15.18] + ], + "v": [ + [-132.25, -138.5], + [-149, -91], + [-131.5, -40], + [-118.007, -88.242] + ], + "c": true + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.901960844152, 0.231372563979, 0.125490196078, 1], + "ix": 4 + }, + "o": { "a": 0, "k": 100, "ix": 5 }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [0, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 120, + "st": 0, + "bm": 0 + } + ] + } + ], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Shape Layer 5", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [400, 400, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [ + { + "i": [ + [0, 0], + [11.75, -11.5], + [2.5, -6.75], + [0, 0], + [-70.5, -7], + [0, 0], + [1.887, 4.562], + [8.073, 13.074] + ], + "o": [ + [0, 0], + [-22.25, 18], + [-5.252, 4.377], + [0, 0], + [76.5, 4.5], + [0, 0], + [-5.873, -14.199], + [-9.034, -14.631] + ], + "v": [ + [-5, 116.75], + [-15.25, 153], + [-31, 192.75], + [-45.25, 178], + [-2, 272], + [51.25, 185.75], + [37.5, 191.25], + [34.5, 145.25] + ], + "c": true + } + ] + }, + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 60, + "s": [ + { + "i": [ + [0, 0], + [7.444, -13.662], + [2.5, -6.75], + [0, 0], + [-70.5, -7], + [0, 0], + [1.887, 4.562], + [8.073, 13.074] + ], + "o": [ + [0, 0], + [-6.819, 12.515], + [-5.252, 4.377], + [0, 0], + [76.5, 4.5], + [0, 0], + [-5.873, -14.199], + [-9.034, -14.631] + ], + "v": [ + [11.5, 114.75], + [-15.25, 153], + [-31, 192.75], + [-52.25, 174], + [-2, 272], + [57.25, 183.75], + [37.5, 191.25], + [32.5, 147.75] + ], + "c": true + } + ] + }, + { + "t": 118, + "s": [ + { + "i": [ + [0, 0], + [11.75, -11.5], + [2.5, -6.75], + [0, 0], + [-70.5, -7], + [0, 0], + [1.887, 4.562], + [8.073, 13.074] + ], + "o": [ + [0, 0], + [-22.25, 18], + [-5.252, 4.377], + [0, 0], + [76.5, 4.5], + [0, 0], + [-5.873, -14.199], + [-9.034, -14.631] + ], + "v": [ + [-5, 116.75], + [-15.25, 153], + [-31, 192.75], + [-45.25, 178], + [-2, 272], + [51.25, 185.75], + [37.5, 191.25], + [34.5, 145.25] + ], + "c": true + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 4 }, + "o": { "a": 0, "k": 100, "ix": 5 }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [0, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 120, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Shape Layer 4", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [400, 400, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [ + { + "i": [ + [-0.222, 14.237], + [-17.5, -69.5], + [0, 0], + [-119, -18], + [0, 0], + [5.594, 8.051], + [14.307, 22.921] + ], + "o": [ + [-46.592, -2.27], + [-7.837, 8.428], + [0, 0], + [155, 1], + [0, 0], + [5.551, -27.893], + [-11.467, -18.371] + ], + "v": [ + [21, 17], + [-56, 140.5], + [-81.5, 131], + [-3, 270], + [87, 112], + [67, 142.75], + [33.805, 68.622] + ], + "c": true + } + ] + }, + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 60, + "s": [ + { + "i": [ + [-0.222, 14.237], + [-0.5, -38], + [0, 0], + [-119, -18], + [0, 0], + [5.594, 8.051], + [0, 0] + ], + "o": [ + [-39.5, 28.5], + [-7.837, 8.428], + [0, 0], + [155, 1], + [0, 0], + [5.551, -27.893], + [0, 0] + ], + "v": [ + [12.5, 10.5], + [-56, 140.5], + [-71.5, 125], + [-3, 270], + [79, 113], + [67, 142.75], + [49.805, 67.622] + ], + "c": true + } + ] + }, + { + "t": 118, + "s": [ + { + "i": [ + [-0.222, 14.237], + [-17.5, -69.5], + [0, 0], + [-119, -18], + [0, 0], + [5.594, 8.051], + [14.307, 22.921] + ], + "o": [ + [-46.592, -2.27], + [-7.837, 8.428], + [0, 0], + [155, 1], + [0, 0], + [5.551, -27.893], + [-11.467, -18.371] + ], + "v": [ + [21, 17], + [-56, 140.5], + [-81.5, 131], + [-3, 270], + [87, 112], + [67, 142.75], + [33.805, 68.622] + ], + "c": true + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.984313785329, 0.89019613827, 0.094117654539, 1], + "ix": 4 + }, + "o": { "a": 0, "k": 100, "ix": 5 }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [0, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 120, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Shape Layer 3", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [400, 400, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [ + { + "i": [ + [0, 0], + [-198, -26], + [0, 0], + [43.297, 4.348] + ], + "o": [ + [0, 0], + [209, -23], + [0, 0], + [-46.02, -4.621] + ], + "v": [ + [-117, 53], + [-7, 273], + [122, 77], + [1, 126] + ], + "c": true + } + ] + }, + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 60, + "s": [ + { + "i": [ + [0, 0], + [-198, -26], + [0, 0], + [43.297, 4.348] + ], + "o": [ + [0, 0], + [209, -23], + [0, 0], + [-46.02, -4.621] + ], + "v": [ + [-142, 49], + [-7, 273], + [148, 77], + [1, 126] + ], + "c": true + } + ] + }, + { + "t": 118, + "s": [ + { + "i": [ + [0, 0], + [-198, -26], + [0, 0], + [43.297, 4.348] + ], + "o": [ + [0, 0], + [209, -23], + [0, 0], + [-46.02, -4.621] + ], + "v": [ + [-117, 53], + [-7, 273], + [122, 77], + [1, 126] + ], + "c": true + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.996078012504, 0.533332974303, 0, 1], + "ix": 4 + }, + "o": { "a": 0, "k": 100, "ix": 5 }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [0, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 120, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Shape Layer 2", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [412, 429.178, 0], "ix": 2 }, + "a": { "a": 0, "k": [12, -55.822, 0], "ix": 1 }, + "s": { "a": 0, "k": [77, 77, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [ + { + "i": [ + [0, 0], + [58, -69], + [-23.364, -37.506], + [-36.687, 2.731], + [-2.692, 22.951], + [25.135, 44.806] + ], + "o": [ + [0, 0], + [-68, 74], + [25.544, 41.006], + [42.104, -3.134], + [5.985, -51.024], + [-22.657, -40.389] + ], + "v": [ + [-34, -193], + [-58, -76], + [-96, 51], + [44.141, 87.969], + [104, 53], + [65.757, -96.303] + ], + "c": true + } + ] + }, + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 60, + "s": [ + { + "i": [ + [0, 85.41], + [67, -57], + [-1.416, -16.144], + [-58.209, 4.486], + [-9.665, 27.041], + [15.818, 21.797] + ], + "o": [ + [-36, 50], + [-68, 74], + [10.922, 19.245], + [46, -3.545], + [13.161, -36.822], + [-17.64, -24.308] + ], + "v": [ + [36, -193], + [-49.5, -113], + [-96, 51], + [22.098, 79.716], + [104, 53], + [71.986, -59.858] + ], + "c": true + } + ] + }, + { + "t": 118, + "s": [ + { + "i": [ + [0, 0], + [58, -69], + [-23.364, -37.506], + [-36.687, 2.731], + [-2.692, 22.951], + [25.135, 44.806] + ], + "o": [ + [0, 0], + [-68, 74], + [25.544, 41.006], + [42.104, -3.134], + [5.985, -51.024], + [-22.657, -40.389] + ], + "v": [ + [-34, -193], + [-58, -76], + [-96, 51], + [44.141, 87.969], + [104, 53], + [65.757, -96.303] + ], + "c": true + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.996078491211, 0.533333333333, 0, 1], + "ix": 4 + }, + "o": { "a": 0, "k": 100, "ix": 5 }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [0, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 120.12012012012, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "base 3", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [400, 405, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [ + { + "i": [ + [0, 0], + [58, -69], + [5, -13], + [0, 0], + [-75.962, 20.451], + [0, 0], + [25.135, 44.806] + ], + "o": [ + [0, 0], + [-68, 74], + [-2.47, 7.667], + [0, 0], + [-24, -10], + [0, 0], + [-22.657, -40.389] + ], + "v": [ + [-34, -193], + [-58, -76], + [-96, 51], + [-106, 73], + [130, 72], + [104, 53], + [65.757, -96.303] + ], + "c": true + } + ] + }, + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 60, + "s": [ + { + "i": [ + [0, 85.41], + [67, -57], + [5, -13], + [0, 0], + [-75.962, 20.451], + [3.589, 10.117], + [15.818, 21.797] + ], + "o": [ + [-36, 50], + [-68, 74], + [-2.47, 7.667], + [0, 0], + [-24, -10], + [-0.946, -68.552], + [-17.64, -24.308] + ], + "v": [ + [36, -193], + [-49.5, -113], + [-96, 51], + [-106, 73], + [130, 72], + [104, 53], + [71.986, -59.858] + ], + "c": true + } + ] + }, + { + "t": 118.1171875, + "s": [ + { + "i": [ + [0, 0], + [58, -69], + [5, -13], + [0, 0], + [-75.962, 20.451], + [0, 0], + [25.135, 44.806] + ], + "o": [ + [0, 0], + [-68, 74], + [-2.47, 7.667], + [0, 0], + [-24, -10], + [0, 0], + [-22.657, -40.389] + ], + "v": [ + [-34, -193], + [-58, -76], + [-96, 51], + [-106, 73], + [130, 72], + [104, 53], + [65.757, -96.303] + ], + "c": true + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.901960844152, 0.231372563979, 0.125490196078, 1], + "ix": 4 + }, + "o": { "a": 0, "k": 100, "ix": 5 }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [0, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 120.12012012012, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "base 2", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [400, 405, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [ + { + "i": [ + [4.5, 32.5], + [-9, -32.5], + [-81, 78], + [12, 25], + [0, 0], + [68.909, 14.926] + ], + "o": [ + [-15.5, 37], + [83, 81.5], + [5, -31], + [-7, 7], + [0, 0], + [-21.738, -4.709] + ], + "v": [ + [-135, -15], + [-158, 121.5], + [164.5, 120], + [146, 14], + [112, 38.5], + [-99.5, 41.5] + ], + "c": true + } + ] + }, + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 60, + "s": [ + { + "i": [ + [18.5, 23], + [-9, -32.5], + [-60, 92], + [12, 25], + [0, 0], + [68.909, 14.926] + ], + "o": [ + [-15.5, 37], + [46.5, 89], + [5, -31], + [-0.5, 18.5], + [0, 0], + [-21.738, -4.708] + ], + "v": [ + [-182, 2.5], + [-160.5, 129.5], + [167, 126.5], + [173.5, 19.5], + [112, 38.5], + [-99.5, 41.5] + ], + "c": true + } + ] + }, + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 118, + "s": [ + { + "i": [ + [4.5, 32.5], + [-9, -32.5], + [-81, 78], + [12, 25], + [0, 0], + [68.909, 14.926] + ], + "o": [ + [-15.5, 37], + [83, 81.5], + [5, -31], + [-7, 7], + [0, 0], + [-21.738, -4.709] + ], + "v": [ + [-135, -15], + [-158, 121.5], + [164.5, 120], + [146, 14], + [112, 38.5], + [-99.5, 41.5] + ], + "c": true + } + ] + }, + { + "t": 118.1171875, + "s": [ + { + "i": [ + [4.5, 32.5], + [-9, -32.5], + [-81, 78], + [12, 25], + [0, 0], + [68.909, 14.926] + ], + "o": [ + [-15.5, 37], + [83, 81.5], + [5, -31], + [-7, 7], + [0, 0], + [-21.738, -4.709] + ], + "v": [ + [-135, -15], + [-158, 121.5], + [164.5, 120], + [146, 14], + [112, 38.5], + [-99.5, 41.5] + ], + "c": true + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.901960844152, 0.231372563979, 0.125490196078, 1], + "ix": 4 + }, + "o": { "a": 0, "k": 100, "ix": 5 }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [0, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 120.12012012012, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 7, + "ty": 4, + "nm": "base 1", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [400.995, 595.402, 0], "ix": 2 }, + "a": { "a": 0, "k": [0.995, 195.402, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 0, + "s": [ + { + "i": [ + [0, 0], + [37.011, -9.662], + [0, 0], + [28.838, 7.655], + [0, 0], + [-61, -56], + [-40.5, 66.5] + ], + "o": [ + [0, 0], + [-24.838, 6.484], + [0, 0], + [-32.513, -8.631], + [0, 0], + [31.184, 30.385], + [32.535, -30.319] + ], + "v": [ + [181, 107.5], + [77, 156], + [0, 154.75], + [-89.5, 156], + [-178, 107.5], + [-129.5, 259], + [151, 237.5] + ], + "c": true + } + ] + }, + { + "i": { "x": 0.667, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 60, + "s": [ + { + "i": [ + [0, 0], + [42.492, -9.318], + [0, 0], + [29.16, 6.316], + [0, 0], + [-61, -56], + [-40.5, 66.5] + ], + "o": [ + [0, 0], + [-25.074, 5.499], + [0, 0], + [-39.473, -8.549], + [0, 0], + [31.184, 30.385], + [32.535, -30.319] + ], + "v": [ + [216.5, 116], + [77, 156], + [0, 154.75], + [-89.5, 156], + [-221, 109], + [-129.5, 259], + [151, 237.5] + ], + "c": true + } + ] + }, + { + "t": 118.1171875, + "s": [ + { + "i": [ + [0, 0], + [37.011, -9.662], + [0, 0], + [28.838, 7.655], + [0, 0], + [-61, -56], + [-40.5, 66.5] + ], + "o": [ + [0, 0], + [-24.838, 6.484], + [0, 0], + [-32.513, -8.631], + [0, 0], + [31.184, 30.385], + [32.535, -30.319] + ], + "v": [ + [181, 107.5], + [77, 156], + [0, 154.75], + [-89.5, 156], + [-178, 107.5], + [-129.5, 259], + [151, 237.5] + ], + "c": true + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [0.901960844152, 0.231372563979, 0.125490196078, 1], + "ix": 4 + }, + "o": { "a": 0, "k": 100, "ix": 5 }, + "r": 1, + "bm": 0, + "nm": "Fill 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [0, 0], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Shape 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 120.12012012012, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 8, + "ty": 0, + "nm": "Shape Layer 7 Comp 1", + "refId": "comp_0", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { + "a": 1, + "k": [ + { + "i": { "x": [0.094], "y": [1] }, + "o": { "x": [0.333], "y": [0] }, + "t": 8, + "s": [0] + }, + { "t": 33, "s": [-13] } + ], + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { "x": 0.094, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 8, + "s": [276, 364, 0], + "to": [-0.333, -85.333, 0], + "ti": [2, 98.461, 0] + }, + { "t": 33, "s": [274, 224, 0] } + ], + "ix": 2 + }, + "a": { "a": 0, "k": [400, 400, 0], "ix": 1 }, + "s": { "a": 0, "k": [-100, 100, 100], "ix": 6 } + }, + "ao": 0, + "w": 800, + "h": 800, + "ip": 0, + "op": 120, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 9, + "ty": 0, + "nm": "Shape Layer 7 Comp 1", + "refId": "comp_0", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { + "a": 1, + "k": [ + { + "i": { "x": [0.094], "y": [1] }, + "o": { "x": [0.333], "y": [0] }, + "t": 8, + "s": [0] + }, + { "t": 33, "s": [-5] } + ], + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { "x": 0.094, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 8, + "s": [674, 408, 0], + "to": [-24, -23, 0], + "ti": [0, 0, 0] + }, + { "t": 33, "s": [680, 368, 0] } + ], + "ix": 2 + }, + "a": { "a": 0, "k": [400, 400, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "w": 800, + "h": 800, + "ip": 0, + "op": 120, + "st": 0, + "bm": 0 + }, + { + "ddd": 0, + "ind": 10, + "ty": 0, + "nm": "Shape Layer 6 Comp 1", + "refId": "comp_1", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { + "a": 1, + "k": [ + { + "i": { "x": [0.094], "y": [1] }, + "o": { "x": [0.333], "y": [0] }, + "t": 8, + "s": [0] + }, + { "t": 33, "s": [-10] } + ], + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { "x": 0.094, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 8, + "s": [400, 400, 0], + "to": [-70, -2, 0], + "ti": [0, 0, 0] + }, + { "t": 33, "s": [362, 316, 0] } + ], + "ix": 2 + }, + "a": { "a": 0, "k": [400, 400, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "w": 800, + "h": 800, + "ip": 0, + "op": 120, + "st": 0, + "bm": 0 + } + ], + "markers": [] +} diff --git a/src/renderer/src/components/sidebar/download-icon.tsx b/src/renderer/src/components/sidebar/download-icon.tsx index 474c631d..54290745 100644 --- a/src/renderer/src/components/sidebar/download-icon.tsx +++ b/src/renderer/src/components/sidebar/download-icon.tsx @@ -1,4 +1,3 @@ -import { useRef } from "react"; import Lottie from "lottie-react"; import downloadingAnimation from "@renderer/assets/lottie/downloading.json"; @@ -8,11 +7,8 @@ export interface DownloadIconProps { } export function DownloadIcon({ isDownloading }: DownloadIconProps) { - const lottieRef = useRef(null); - return ( (null); + const [isLoading, setIsLoading] = useState(false); const [randomGame, setRandomGame] = useState(null); @@ -82,6 +85,18 @@ export function Home() { const categories = Object.values(CatalogueCategory); + const handleMouseEnterCategory = (category: CatalogueCategory) => { + if (category === CatalogueCategory.Hot) { + flameAnimationRef?.current?.play(); + } + }; + + const handleMouseLeaveCategory = (category: CatalogueCategory) => { + if (category === CatalogueCategory.Hot) { + flameAnimationRef?.current?.stop(); + } + }; + return (
@@ -100,7 +115,28 @@ export function Home() { : "outline" } onClick={() => handleCategoryClick(category)} + onMouseEnter={() => handleMouseEnterCategory(category)} + onMouseLeave={() => handleMouseLeaveCategory(category)} > + {category === CatalogueCategory.Hot && ( +
+ +
+ )} + {t(category)} @@ -116,14 +152,32 @@ export function Home() { {t("surprise_me")}
-

{t(currentCatalogueCategory)}

+

+ {currentCatalogueCategory === CatalogueCategory.Hot && ( +
+ +
+ )} + + {t(currentCatalogueCategory)} +

{isLoading diff --git a/src/renderer/src/pages/profile/profile-content/profile-content.css.ts b/src/renderer/src/pages/profile/profile-content/profile-content.css.ts index 27c2a7fe..6e9c4679 100644 --- a/src/renderer/src/pages/profile/profile-content/profile-content.css.ts +++ b/src/renderer/src/pages/profile/profile-content/profile-content.css.ts @@ -155,6 +155,7 @@ export const listItemImage = style({ width: "32px", height: "32px", borderRadius: "4px", + objectFit: "cover", }); export const listItemDetails = style({