diff --git a/package.json b/package.json index 53554bd2..89fb8c42 100644 --- a/package.json +++ b/package.json @@ -53,6 +53,7 @@ "electron-log": "^5.1.4", "electron-updater": "^6.1.8", "fetch-cookie": "^3.0.1", + "file-type": "^19.0.0", "flexsearch": "^0.7.43", "i18next": "^23.11.2", "i18next-browser-languagedetector": "^7.2.1", @@ -61,7 +62,6 @@ "jsdom": "^24.0.0", "lodash-es": "^4.17.21", "lottie-react": "^2.4.0", - "mime": "^4.0.3", "parse-torrent": "^11.0.16", "piscina": "^4.5.1", "ps-list": "^8.1.1", diff --git a/src/locales/ar/translation.json b/src/locales/ar/translation.json index 09547da8..ec73337c 100644 --- a/src/locales/ar/translation.json +++ b/src/locales/ar/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "مميّز", - "recently_added": "مضاف مؤخراً", "trending": "شائع", "surprise_me": "فاجئني", "no_results": "لم يتم العثور على نتائج" @@ -15,12 +14,7 @@ "paused": "{{title}} (متوقف)", "downloading": "{{title}} ({{percentage}} - جارٍ التنزيل...)", "filter": "بحث في المكتبة", - "follow_us": "تابعنا", - "home": "الرئيسية", - "discord": "انضم إلى الـDiscord الخاص بنا", - "telegram": "انضم إلى قناة Telegram الخاصة بنا", - "x": "تابعنا على X", - "github": "ساهم في مشروعنا على GitHub" + "home": "الرئيسية" }, "header": { "search": "ابحث عن الألعاب", diff --git a/src/locales/be/translation.json b/src/locales/be/translation.json index 617a444a..167764cf 100644 --- a/src/locales/be/translation.json +++ b/src/locales/be/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "Рэкамэндаванае", - "recently_added": "Нядаўна дададзенае", "trending": "Актуальнае", "surprise_me": "Здзіві мяне", "no_results": "Няма вынікаў" @@ -15,12 +14,7 @@ "paused": "{{title}} (Спынена)", "downloading": "{{title}} ({{percentage}} - Сцягванне…)", "filter": "Фільтар бібліятэкі", - "follow_us": "Падпісвайцеся на нас", - "home": "Галоўная", - "discord": "Далучайцеся да Discord", - "telegram": "Далучайцеся да Telegram", - "x": "Падпісвайцеся на X", - "github": "Зрабіць свой унёсак на GitHub" + "home": "Галоўная" }, "header": { "search": "Пошук", diff --git a/src/locales/da/translation.json b/src/locales/da/translation.json index 67cab4a7..a9163793 100644 --- a/src/locales/da/translation.json +++ b/src/locales/da/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "Anbefalet", - "recently_added": "Nyligt tilføjet", "trending": "Trender", "surprise_me": "Overrask mig", "no_results": "Ingen resultater fundet" @@ -15,12 +14,7 @@ "paused": "{{title}} (Paused)", "downloading": "{{title}} ({{percentage}} - Downloading…)", "filter": "Filtrer bibliotek", - "follow_us": "Følg os", - "home": "Hjem", - "discord": "Tilslut dig vores Discord", - "telegram": "Tilslut dig vores Telegram", - "x": "Følg på X", - "github": "Bidrag på GitHub" + "home": "Hjem" }, "header": { "search": "Søg spil", diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json index bed1eceb..59145c6f 100644 --- a/src/locales/en/translation.json +++ b/src/locales/en/translation.json @@ -228,13 +228,21 @@ "user_profile": { "amount_hours": "{{amount}} hours", "amount_minutes": "{{amount}} minutes", - "play_time": "Played for {{amount}}", "last_time_played": "Last played {{period}}", "sign_out": "Sign out", "activity": "Recent activity", "library": "Library", "total_play_time": "Total playtime: {{amount}}", "no_recent_activity_title": "Hmmm… nothing here", - "no_recent_activity_description": "You haven't played any games recently. It's time to change that!" + "no_recent_activity_description": "You haven't played any games recently. It's time to change that!", + "display_name": "Display name", + "saving": "Saving", + "save": "Save", + "edit_profile": "Edit Profile", + "saved_successfully": "Saved successfully", + "try_again": "Please, try again", + "signout_modal_title": "Are you sure?", + "cancel": "Cancel", + "signout": "Sign Out" } } diff --git a/src/locales/fa/translation.json b/src/locales/fa/translation.json index e2ea2974..497f3938 100644 --- a/src/locales/fa/translation.json +++ b/src/locales/fa/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "پیشنهادی", - "recently_added": "تازه اضافه شده", "trending": "پرطرفدار", "surprise_me": "سوپرایزم کن", "no_results": "اتمام‌ای پیدا نشد" @@ -15,12 +14,7 @@ "paused": "{{title}} (متوقف شده)", "downloading": "{{title}} ({{percentage}} - در حال دانلود…)", "filter": "فیلتر کردن کتابخانه", - "follow_us": "دنبال کردن ما", - "home": "خانه", - "discord": "عضویت در دیسکورد ما", - "telegram": "عضویت در تلگرام ما", - "x": "دنبال کرد در ایکس", - "github": "مشارکت در گیتهاب" + "home": "خانه" }, "header": { "search": "جستجوی بازی‌ها", diff --git a/src/locales/fr/translation.json b/src/locales/fr/translation.json index 352128f7..6d10adf7 100644 --- a/src/locales/fr/translation.json +++ b/src/locales/fr/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "En vedette", - "recently_added": "Récemment ajouté", "trending": "Tendance", "surprise_me": "Surprenez-moi", "no_results": "Aucun résultat trouvé" @@ -15,8 +14,7 @@ "paused": "{{title}} (En pause)", "downloading": "{{title}} ({{percentage}} - Téléchargement en cours…)", "filter": "Filtrer la bibliothèque", - "home": "Page d’accueil", - "follow_us": "Suivez-nous" + "home": "Page d’accueil" }, "header": { "search": "Recherche", diff --git a/src/locales/hu/translation.json b/src/locales/hu/translation.json index 0800f1f9..507a175a 100644 --- a/src/locales/hu/translation.json +++ b/src/locales/hu/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "Featured", - "recently_added": "Nemrég hozzáadott", "trending": "Népszerű", "surprise_me": "Lepj meg", "no_results": "Nem található" @@ -15,7 +14,6 @@ "paused": "{{title}} (Szünet)", "downloading": "{{title}} ({{percentage}} - Letöltés…)", "filter": "Könyvtár szűrése", - "follow_us": "Kövess minket", "home": "Főoldal" }, "header": { diff --git a/src/locales/id/translation.json b/src/locales/id/translation.json index f58c9757..671cc36a 100644 --- a/src/locales/id/translation.json +++ b/src/locales/id/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "Unggulan", - "recently_added": "Terbaru", "trending": "Trending", "surprise_me": "Kejutkan Saya", "no_results": "Tidak ada hasil" @@ -15,12 +14,7 @@ "paused": "{{title}} (Terhenti)", "downloading": "{{title}} ({{percentage}} - Mengunduh…)", "filter": "Filter koleksi", - "follow_us": "Ikuti kami", - "home": "Beranda", - "discord": "Gabung Discord kami", - "telegram": "Gabung Telegram kami", - "x": "Ikuti akun X kami", - "github": "Kontribusi di GitHub" + "home": "Beranda" }, "header": { "search": "Pencarian", diff --git a/src/locales/it/translation.json b/src/locales/it/translation.json index 5cb4e8a0..4d87d919 100644 --- a/src/locales/it/translation.json +++ b/src/locales/it/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "In primo piano", - "recently_added": "Aggiunti di recente", "trending": "Di tendenza", "surprise_me": "Sorprendimi", "no_results": "Nessun risultato trovato" @@ -15,12 +14,7 @@ "paused": "{{title}} (In pausa)", "downloading": "{{title}} ({{percentage}} - Download…)", "filter": "Filtra libreria", - "follow_us": "Seguici", - "home": "Home", - "discord": "Unisciti al nostro Discord", - "telegram": "Unisciti al nostro Telegram", - "x": "Segui su X", - "github": "Contribuisci su GitHub" + "home": "Home" }, "header": { "search": "Cerca", diff --git a/src/locales/ko/translation.json b/src/locales/ko/translation.json index 748bc616..e82ac9fc 100644 --- a/src/locales/ko/translation.json +++ b/src/locales/ko/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "추천", - "recently_added": "최근 추가됨", "trending": "인기", "surprise_me": "무작위 추천", "no_results": "결과 없음" @@ -15,12 +14,7 @@ "paused": "{{title}} (일시 정지됨)", "downloading": "{{title}} ({{percentage}} - 다운로드 중…)", "filter": "라이브러리 정렬", - "follow_us": "공식 SNS", - "home": "홈", - "discord": "공식 디스코드", - "telegram": "공식 텔레그램", - "x": "공식 X (구 트위터)", - "github": "GitHub에서 기여하기" + "home": "홈" }, "header": { "search": "게임 검색하기", diff --git a/src/locales/nl/translation.json b/src/locales/nl/translation.json index fe48fdf4..1ffb8ae3 100644 --- a/src/locales/nl/translation.json +++ b/src/locales/nl/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "Uitgelicht", - "recently_added": "Recent Toegevoegd", "trending": "Trending", "surprise_me": "Verrasing", "no_results": "Geen resultaten gevonden" @@ -15,12 +14,7 @@ "paused": "{{title}} (Gepauzeerd)", "downloading": "{{title}} ({{percentage}} - Downloading…)", "filter": "Filter Bibliotheek", - "follow_us": "volg ons", - "home": "Home", - "discord": "Volg onze Discord", - "telegram": "Volg onze Telegram", - "x": "Volg ons op X", - "github": "Contribute op GitHub" + "home": "Home" }, "header": { "search": "Zoek spellen", diff --git a/src/locales/pl/translation.json b/src/locales/pl/translation.json index b2ec4e4b..6179ec0d 100644 --- a/src/locales/pl/translation.json +++ b/src/locales/pl/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "Wyróżnione", - "recently_added": "Ostatnio dodane", "trending": "Trendujące", "surprise_me": "Zaskocz mnie", "no_results": "Nie znaleziono wyników" @@ -15,12 +14,7 @@ "paused": "{{title}} (Zatrzymano)", "downloading": "{{title}} ({{percentage}} - Pobieranie…)", "filter": "Filtruj biblioteke", - "follow_us": "Śledź nas", - "home": "Główna", - "discord": "Dołącz nasz Discord", - "telegram": "Dołącz nasz Telegram", - "x": "Śledź na X", - "github": "Przyczyń się na GitHub" + "home": "Główna" }, "header": { "search": "Szukaj", diff --git a/src/locales/pt/translation.json b/src/locales/pt/translation.json index 014f3c5a..18ff1356 100644 --- a/src/locales/pt/translation.json +++ b/src/locales/pt/translation.json @@ -15,7 +15,6 @@ "downloading": "{{title}} ({{percentage}} - Baixando…)", "filter": "Filtrar biblioteca", "home": "Início", - "follow_us": "Acompanhe-nos", "queued": "{{title}} (Na fila)", "game_has_no_executable": "Jogo não possui executável selecionado" }, @@ -229,13 +228,21 @@ "user_profile": { "amount_hours": "{{amount}} horas", "amount_minutes": "{{amount}} minutos", - "play_time": "Jogado por {{amount}}", "last_time_played": "Jogou {{period}}", "sign_out": "Sair da conta", "activity": "Atividade recente", "library": "Biblioteca", "total_play_time": "Tempo total de jogo: {{amount}}", "no_recent_activity_title": "Hmmm… nada por aqui", - "no_recent_activity_description": "Parece que você não jogou nada recentemente. Que tal começar agora?" + "no_recent_activity_description": "Parece que você não jogou nada recentemente. Que tal começar agora?", + "display_name": "Nome de exibição", + "saving": "Salvando…", + "save": "Salvar", + "edit_profile": "Editar Perfil", + "saved_successfully": "Salvo com sucesso", + "try_again": "Por favor, tente novamente", + "cancel": "Cancelar", + "signout": "Sair da conta", + "signout_modal_title": "Tem certeza?" } } diff --git a/src/locales/tr/translation.json b/src/locales/tr/translation.json index 1e6ef65f..e0750fc0 100644 --- a/src/locales/tr/translation.json +++ b/src/locales/tr/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "Öne çıkan", - "recently_added": "Son eklenen", "trending": "Popüler", "surprise_me": "Şaşırt beni", "no_results": "Sonuç bulunamadı" @@ -15,12 +14,7 @@ "paused": "{{title}} (Duraklatıldı)", "downloading": "{{title}} ({{percentage}} - İndiriliyor…)", "filter": "Kütüphaneyi filtrele", - "follow_us": "Bizi takip et", - "home": "Ana menü", - "discord": "Discord'umuza katıl", - "telegram": "Telegram'umuza katıl", - "x": "X'te bizi takip et", - "github": "GitHub'da bize katkı yap" + "home": "Ana menü" }, "header": { "search": "Ara", diff --git a/src/locales/uk/translation.json b/src/locales/uk/translation.json index ad11f777..bbb8cf97 100644 --- a/src/locales/uk/translation.json +++ b/src/locales/uk/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "Рекомендоване", - "recently_added": "Нове", "trending": "У тренді", "surprise_me": "Здивуй мене", "no_results": "Результатів не знайдено" @@ -15,12 +14,7 @@ "paused": "{{title}} (Призупинено)", "downloading": "{{title}} ({{percentage}} - Завантаження…)", "filter": "Фільтр бібліотеки", - "follow_us": "Підписуйтесь на нас", - "home": "Головна", - "discord": "Приєднуйтесь до Discord", - "telegram": "Приєднуйтесь до Telegram", - "x": "Підписуйтесь на X", - "github": "Зробіть свій внесок на GitHub" + "home": "Головна" }, "header": { "search": "Пошук", diff --git a/src/locales/zh/translation.json b/src/locales/zh/translation.json index e0d71b58..67731a6d 100644 --- a/src/locales/zh/translation.json +++ b/src/locales/zh/translation.json @@ -1,7 +1,6 @@ { "home": { "featured": "特色推荐", - "recently_added": "最近添加", "trending": "最近热门", "surprise_me": "向我推荐", "no_results": "没有找到结果" @@ -15,12 +14,7 @@ "paused": "{{title}} (已暂停)", "downloading": "{{title}} ({{percentage}} - 正在下载…)", "filter": "筛选游戏库", - "follow_us": "关注我们", - "home": "主页", - "discord": "加入我们的Discord", - "telegram": "加入我们的Telegram", - "x": "在X上关注我们", - "github": "在GitHub上贡献" + "home": "主页" }, "header": { "search": "搜索", diff --git a/src/main/events/index.ts b/src/main/events/index.ts index 190fd56b..548106e0 100644 --- a/src/main/events/index.ts +++ b/src/main/events/index.ts @@ -22,6 +22,7 @@ import "./library/open-game-installer-path"; import "./library/update-executable-path"; import "./library/remove-game"; import "./library/remove-game-from-library"; +import "./misc/is-user-logged-in"; import "./misc/open-external"; import "./misc/show-open-dialog"; import "./torrenting/cancel-game-download"; diff --git a/src/main/events/misc/is-user-logged-in.ts b/src/main/events/misc/is-user-logged-in.ts new file mode 100644 index 00000000..d1874b01 --- /dev/null +++ b/src/main/events/misc/is-user-logged-in.ts @@ -0,0 +1,8 @@ +import { registerEvent } from "../register-event"; +import { HydraApi } from "@main/services/hydra-api"; + +const isUserLoggedIn = async (_event: Electron.IpcMainInvokeEvent) => { + return HydraApi.isLoggedIn(); +}; + +registerEvent("isUserLoggedIn", isUserLoggedIn); diff --git a/src/main/events/profile/update-profile.ts b/src/main/events/profile/update-profile.ts index ca351629..5a485a99 100644 --- a/src/main/events/profile/update-profile.ts +++ b/src/main/events/profile/update-profile.ts @@ -3,7 +3,7 @@ import { HydraApi } from "@main/services/hydra-api"; import axios from "axios"; import fs from "node:fs"; import path from "node:path"; -import mime from "mime"; +import { fileTypeFromFile } from "file-type"; import { UserProfile } from "@types"; const patchUserProfile = async ( @@ -44,11 +44,11 @@ const updateProfile = async ( .then(async (preSignedResponse) => { const { presignedUrl, profileImageUrl } = preSignedResponse.data; - const mimeType = mime.getType(newProfileImagePath); + const mimeType = await fileTypeFromFile(newProfileImagePath); await axios.put(presignedUrl, fileBuffer, { headers: { - "Content-Type": mimeType, + "Content-Type": mimeType?.mime, }, }); return profileImageUrl; diff --git a/src/main/services/hydra-api.ts b/src/main/services/hydra-api.ts index 7a69aa24..f8361260 100644 --- a/src/main/services/hydra-api.ts +++ b/src/main/services/hydra-api.ts @@ -14,6 +14,10 @@ export class HydraApi { expirationTimestamp: 0, }; + static isLoggedIn() { + return this.userAuth.authToken !== ""; + } + static async handleExternalAuth(auth: string) { const { payload } = url.parse(auth, true).query; diff --git a/src/preload/index.ts b/src/preload/index.ts index 607c0fb0..1fe259c8 100644 --- a/src/preload/index.ts +++ b/src/preload/index.ts @@ -106,6 +106,7 @@ contextBridge.exposeInMainWorld("electron", { getVersion: () => ipcRenderer.invoke("getVersion"), getDefaultDownloadsPath: () => ipcRenderer.invoke("getDefaultDownloadsPath"), openExternal: (src: string) => ipcRenderer.invoke("openExternal", src), + isUserLoggedIn: () => ipcRenderer.invoke("isUserLoggedIn"), showOpenDialog: (options: Electron.OpenDialogOptions) => ipcRenderer.invoke("showOpenDialog", options), platform: process.platform, diff --git a/src/renderer/src/app.tsx b/src/renderer/src/app.tsx index e038d557..71065545 100644 --- a/src/renderer/src/app.tsx +++ b/src/renderer/src/app.tsx @@ -86,9 +86,12 @@ export function App() { dispatch(setProfileBackground(profileBackground)); } - /* TODO: Check if user is logged in before calling this */ - fetchUserDetails().then((response) => { - if (response) setUserDetails(response); + window.electron.isUserLoggedIn().then((isLoggedIn) => { + if (isLoggedIn) { + fetchUserDetails().then((response) => { + if (response) setUserDetails(response); + }); + } }); }, [dispatch, fetchUserDetails]); diff --git a/src/renderer/src/declaration.d.ts b/src/renderer/src/declaration.d.ts index 01b290a3..968a7a72 100644 --- a/src/renderer/src/declaration.d.ts +++ b/src/renderer/src/declaration.d.ts @@ -96,6 +96,7 @@ declare global { /* Misc */ openExternal: (src: string) => Promise; + isUserLoggedIn: () => Promise; getVersion: () => Promise; ping: () => string; getDefaultDownloadsPath: () => Promise; diff --git a/src/renderer/src/pages/user/user-content.tsx b/src/renderer/src/pages/user/user-content.tsx index 8c0db59a..5b4798e7 100644 --- a/src/renderer/src/pages/user/user-content.tsx +++ b/src/renderer/src/pages/user/user-content.tsx @@ -12,6 +12,7 @@ import { buildGameDetailsPath } from "@renderer/helpers"; import { PersonIcon, TelescopeIcon } from "@primer/octicons-react"; import { Button } from "@renderer/components"; import { UserEditProfileModal } from "./user-edit-modal"; +import { UserSignOutModal } from "./user-signout-modal"; const MAX_MINUTES_TO_SHOW_IN_PLAYTIME = 120; @@ -29,6 +30,7 @@ export function UserContent({ const { userDetails, profileBackground, signOut } = useUserDetails(); const [showEditProfileModal, setShowEditProfileModal] = useState(false); + const [showSignOutModal, setShowSignOutModal] = useState(false); const navigate = useNavigate(); @@ -65,7 +67,7 @@ export function UserContent({ setShowEditProfileModal(true); }; - const handleSignout = async () => { + const handleConfirmSignout = async () => { signOut(); navigate("/"); }; @@ -87,6 +89,12 @@ export function UserContent({ userProfile={userProfile} /> + setShowSignOutModal(false)} + onConfirm={handleConfirmSignout} + /> +
- diff --git a/src/renderer/src/pages/user/user-edit-modal.tsx b/src/renderer/src/pages/user/user-edit-modal.tsx index da0957c4..d61a2da5 100644 --- a/src/renderer/src/pages/user/user-edit-modal.tsx +++ b/src/renderer/src/pages/user/user-edit-modal.tsx @@ -5,6 +5,7 @@ import { DeviceCameraIcon, PersonIcon } from "@primer/octicons-react"; import { SPACING_UNIT } from "@renderer/theme.css"; import { useEffect, useMemo, useState } from "react"; import { useToast, useUserDetails } from "@renderer/hooks"; +import { useTranslation } from "react-i18next"; export interface UserEditProfileModalProps { userProfile: UserProfile; @@ -19,6 +20,8 @@ export const UserEditProfileModal = ({ onClose, updateUserProfile, }: UserEditProfileModalProps) => { + const { t } = useTranslation("user_profile"); + const [displayName, setDisplayName] = useState(""); const [newImagePath, setNewImagePath] = useState(null); const [isSaving, setIsSaving] = useState(false); @@ -36,8 +39,8 @@ export const UserEditProfileModal = ({ properties: ["openFile"], filters: [ { - name: "Profile image", - extensions: ["jpg", "png", "gif", "webp", "jpeg"], + name: "Image", + extensions: ["jpg", "jpeg", "png", "gif", "webp", "bmp"], }, ], }); @@ -58,11 +61,11 @@ export const UserEditProfileModal = ({ patchUser(displayName, newImagePath) .then(async () => { await updateUserProfile(); - showSuccessToast("Salvo com sucesso"); + showSuccessToast(t("saved_successfully")); cleanFormAndClose(); }) .catch(() => { - showErrorToast("Tente novamente"); + showErrorToast(t("try_again")); }) .finally(() => { setIsSaving(false); @@ -89,7 +92,7 @@ export const UserEditProfileModal = ({ <>
setDisplayName(e.target.value)} /> @@ -133,7 +138,7 @@ export const UserEditProfileModal = ({ style={{ alignSelf: "end" }} type="submit" > - {isSaving ? "Salvando…" : "Salvar"} + {isSaving ? t("saving") : t("save")}
diff --git a/src/renderer/src/pages/user/user-signout-modal.tsx b/src/renderer/src/pages/user/user-signout-modal.tsx new file mode 100644 index 00000000..a6c40630 --- /dev/null +++ b/src/renderer/src/pages/user/user-signout-modal.tsx @@ -0,0 +1,37 @@ +import { Button, Modal } from "@renderer/components"; +import * as styles from "./user.css"; +import { useTranslation } from "react-i18next"; + +export interface UserEditProfileModalProps { + visible: boolean; + onConfirm: () => void; + onClose: () => void; +} + +export const UserSignOutModal = ({ + visible, + onConfirm, + onClose, +}: UserEditProfileModalProps) => { + const { t } = useTranslation("user_profile"); + + return ( + <> + +
+ + + +
+ + + ); +}; diff --git a/src/renderer/src/pages/user/user-skeleton.tsx b/src/renderer/src/pages/user/user-skeleton.tsx index 442322cc..dc23fb0e 100644 --- a/src/renderer/src/pages/user/user-skeleton.tsx +++ b/src/renderer/src/pages/user/user-skeleton.tsx @@ -1,13 +1,40 @@ import Skeleton from "react-loading-skeleton"; +import cn from "classnames"; import * as styles from "./user.css"; +import { SPACING_UNIT } from "@renderer/theme.css"; +import { useTranslation } from "react-i18next"; export const UserSkeleton = () => { + const { t } = useTranslation("user_profile"); return ( <>
- - +
+

{t("activity")}

+ {Array.from({ length: 3 }).map((_, index) => ( + + ))} +
+ +
+

{t("library")}

+
+ {Array.from({ length: 8 }).map((_, index) => ( + + ))} +
+
); diff --git a/src/renderer/src/pages/user/user.css.ts b/src/renderer/src/pages/user/user.css.ts index 4fa936ed..3a9b4c86 100644 --- a/src/renderer/src/pages/user/user.css.ts +++ b/src/renderer/src/pages/user/user.css.ts @@ -132,9 +132,6 @@ export const feedItem = style({ export const gameListItem = style({ color: vars.color.body, - display: "flex", - flexDirection: "row", - gap: `${SPACING_UNIT}px`, transition: "all ease 0.2s", cursor: "pointer", zIndex: "1", @@ -153,7 +150,7 @@ export const gameInformation = style({ }); export const profileHeaderSkeleton = style({ - height: "200px", + height: "144px", }); export const editProfileImageBadge = style({ @@ -191,3 +188,11 @@ export const noDownloads = style({ flexDirection: "column", gap: `${SPACING_UNIT}px`, }); + +export const signOutModalButtonsContainer = style({ + display: "flex", + width: "100%", + justifyContent: "end", + alignItems: "center", + gap: `${SPACING_UNIT}px`, +}); diff --git a/yarn.lock b/yarn.lock index be926a90..b822ab1d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3305,6 +3305,15 @@ file-type@^18.7.0: strtok3 "^7.0.0" token-types "^5.0.1" +file-type@^19.0.0: + version "19.0.0" + resolved "https://registry.yarnpkg.com/file-type/-/file-type-19.0.0.tgz#62a6cadc43f73ba38c53e1a174943a75fdafafa9" + integrity sha512-s7cxa7/leUWLiXO78DVVfBVse+milos9FitauDLG1pI7lNaJ2+5lzPnr2N24ym+84HVwJL6hVuGfgVE+ALvU8Q== + dependencies: + readable-web-to-node-stream "^3.0.2" + strtok3 "^7.0.0" + token-types "^5.0.1" + file-uri-to-path@1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd" @@ -4518,11 +4527,6 @@ mime@^2.5.2: resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367" integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg== -mime@^4.0.3: - version "4.0.3" - resolved "https://registry.yarnpkg.com/mime/-/mime-4.0.3.tgz#cd4a1aa052fc980dfc34f111fe1be9e8b878c5d2" - integrity sha512-KgUb15Oorc0NEKPbvfa0wRU+PItIEZmiv+pyAO2i0oTIVTJhlzMclU7w4RXWQrSOVH5ax/p/CkIO7KI4OyFJTQ== - mimic-fn@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc"