From a9dd8c4cbfa562004aa85ca8829605b0a088b2f1 Mon Sep 17 00:00:00 2001 From: Biliane Silva <61093873+biliesilva@users.noreply.github.com> Date: Tue, 11 Mar 2025 15:12:33 +0000 Subject: [PATCH 1/2] [Chore] update MetaMask logo in the navbar and wallet connection modal (#1255) * chore: update @hyperplay/ui package to 1.11.1 * chore: update pnpm-lock.yaml * refactor: update metamask-rounded Icon with new design * feat: update MetaMask Icon logo * refactor: update mm_icon_md_transparent icon * refactor: update icone for wallet options with the new MetaMask logo * refactor: add style classname to the MetaMask icon * style: add width and height to the new MetaMask SVG icon * style: adjust variavel size and remove height --- package.json | 2 +- pnpm-lock.yaml | 16 +++--- .../assets/hyperplay/WalletOptionsIcon.png | Bin 3051 -> 3048 bytes .../hyperplay/metamask-rounded-outline.svg | 9 ++++ .../hyperplay/mm_icon_md_transparent.svg | 49 ++++++------------ .../assets/metamask-rounded-outline.svg | 20 ++++--- .../components/UI/TopNavBar/index.module.scss | 4 ++ .../components/UI/TopNavBar/index.tsx | 2 +- 8 files changed, 47 insertions(+), 55 deletions(-) create mode 100644 src/frontend/assets/hyperplay/metamask-rounded-outline.svg diff --git a/package.json b/package.json index 380a266b41..513eef0838 100644 --- a/package.json +++ b/package.json @@ -72,7 +72,7 @@ "@hyperplay/chains": "^0.5.0", "@hyperplay/check-disk-space": "^3.5.2", "@hyperplay/quests-ui": "^0.1.26", - "@hyperplay/ui": "^1.9.9", + "@hyperplay/ui": "^1.11.1", "@hyperplay/utils": "^0.3.7", "@mantine/carousel": "^7.12.0", "@mantine/core": "^7.12.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 672ba2bb45..f096e6d150 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -43,10 +43,10 @@ importers: version: 3.5.2 '@hyperplay/quests-ui': specifier: ^0.1.26 - version: 0.1.26(edbw7u2i2euuijtgaj2wac7xr4) + version: 0.1.26(xohtw7gha6zkx2x7avsr2wudru) '@hyperplay/ui': - specifier: ^1.9.9 - version: 1.9.9(@mantine/carousel@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(embla-carousel-react@8.5.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/dropzone@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(bufferutil@4.0.8)(embla-carousel-autoplay@8.5.1(embla-carousel@8.5.1))(embla-carousel-react@8.5.1(react@18.3.1))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react-markdown@9.0.1(@types/react@18.3.17)(react@18.3.1))(react@18.3.1)(utf-8-validate@5.0.10) + specifier: ^1.11.1 + version: 1.11.1(@mantine/carousel@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(embla-carousel-react@8.5.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/dropzone@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(bufferutil@4.0.8)(embla-carousel-autoplay@8.5.1(embla-carousel@8.5.1))(embla-carousel-react@8.5.1(react@18.3.1))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react-markdown@9.0.1(@types/react@18.3.17)(react@18.3.1))(react@18.3.1)(utf-8-validate@5.0.10) '@hyperplay/utils': specifier: ^0.3.7 version: 0.3.7 @@ -1886,8 +1886,8 @@ packages: viem: ^2.19.4 wagmi: ^2.14.12 - '@hyperplay/ui@1.9.9': - resolution: {integrity: sha512-2hZhsWfKuKH7ptCNwgW0kAYxVqnRIdphkV/Sp7gMZrCy+iXJMg0221M8DhigNmzTFR2I/WBhvTOXZnPknsZ9tg==} + '@hyperplay/ui@1.11.1': + resolution: {integrity: sha512-0BJ7/ycFLEFByKJxzfJeW0yD05KFY7RRXrVvLYymkOj+CQzEaJZMaD8ig1I05afx2hoQOXK5drhlxpT9V+JHSw==} peerDependencies: '@mantine/carousel': ^7.16.3 '@mantine/core': ^7.16.3 @@ -11177,10 +11177,10 @@ snapshots: - utf-8-validate optional: true - '@hyperplay/quests-ui@0.1.26(edbw7u2i2euuijtgaj2wac7xr4)': + '@hyperplay/quests-ui@0.1.26(xohtw7gha6zkx2x7avsr2wudru)': dependencies: '@hyperplay/chains': 0.5.0(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.24.1) - '@hyperplay/ui': 1.9.9(@mantine/carousel@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(embla-carousel-react@8.5.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/dropzone@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(bufferutil@4.0.8)(embla-carousel-autoplay@8.5.1(embla-carousel@8.5.1))(embla-carousel-react@8.5.1(react@18.3.1))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react-markdown@9.0.1(@types/react@18.3.17)(react@18.3.1))(react@18.3.1)(utf-8-validate@5.0.10) + '@hyperplay/ui': 1.11.1(@mantine/carousel@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(embla-carousel-react@8.5.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/dropzone@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(bufferutil@4.0.8)(embla-carousel-autoplay@8.5.1(embla-carousel@8.5.1))(embla-carousel-react@8.5.1(react@18.3.1))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react-markdown@9.0.1(@types/react@18.3.17)(react@18.3.1))(react@18.3.1)(utf-8-validate@5.0.10) '@hyperplay/utils': 0.3.7 '@mantine/core': 7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@mantine/hooks': 7.15.1(react@18.3.1) @@ -11201,7 +11201,7 @@ snapshots: - encoding - utf-8-validate - '@hyperplay/ui@1.9.9(@mantine/carousel@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(embla-carousel-react@8.5.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/dropzone@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(bufferutil@4.0.8)(embla-carousel-autoplay@8.5.1(embla-carousel@8.5.1))(embla-carousel-react@8.5.1(react@18.3.1))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react-markdown@9.0.1(@types/react@18.3.17)(react@18.3.1))(react@18.3.1)(utf-8-validate@5.0.10)': + '@hyperplay/ui@1.11.1(@mantine/carousel@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(embla-carousel-react@8.5.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/dropzone@7.15.1(@mantine/core@7.15.1(@mantine/hooks@7.15.1(react@18.3.1))(@types/react@18.3.17)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@mantine/hooks@7.15.1(react@18.3.1))(bufferutil@4.0.8)(embla-carousel-autoplay@8.5.1(embla-carousel@8.5.1))(embla-carousel-react@8.5.1(react@18.3.1))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react-markdown@9.0.1(@types/react@18.3.17)(react@18.3.1))(react@18.3.1)(utf-8-validate@5.0.10)': dependencies: '@fortawesome/fontawesome-svg-core': 6.7.2 '@fortawesome/free-regular-svg-icons': 6.7.2 diff --git a/src/frontend/assets/hyperplay/WalletOptionsIcon.png b/src/frontend/assets/hyperplay/WalletOptionsIcon.png index e0183b1b33f0de1ba83d4b2e3b342247fd1131ac..ffc8f421386cf6e1baf29cb9d095a49959a7a163 100644 GIT binary patch delta 2992 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 diff --git a/src/frontend/assets/hyperplay/metamask-rounded-outline.svg b/src/frontend/assets/hyperplay/metamask-rounded-outline.svg new file mode 100644 index 0000000000..c9b619a9d0 --- /dev/null +++ b/src/frontend/assets/hyperplay/metamask-rounded-outline.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/frontend/assets/hyperplay/mm_icon_md_transparent.svg b/src/frontend/assets/hyperplay/mm_icon_md_transparent.svg index f92f1033db..309afb9181 100644 --- a/src/frontend/assets/hyperplay/mm_icon_md_transparent.svg +++ b/src/frontend/assets/hyperplay/mm_icon_md_transparent.svg @@ -1,35 +1,16 @@ - - - MetaMask - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + diff --git a/src/frontend/assets/metamask-rounded-outline.svg b/src/frontend/assets/metamask-rounded-outline.svg index d96e7ab204..c9b619a9d0 100644 --- a/src/frontend/assets/metamask-rounded-outline.svg +++ b/src/frontend/assets/metamask-rounded-outline.svg @@ -1,11 +1,9 @@ - - - - - - - - - - - \ No newline at end of file + + + + + + + + + diff --git a/src/frontend/components/UI/TopNavBar/index.module.scss b/src/frontend/components/UI/TopNavBar/index.module.scss index a91dc43222..ee9143ac11 100644 --- a/src/frontend/components/UI/TopNavBar/index.module.scss +++ b/src/frontend/components/UI/TopNavBar/index.module.scss @@ -73,3 +73,7 @@ display: none; } } + +.metaMaskIcon { + width: var(--space-md-fixed); +} diff --git a/src/frontend/components/UI/TopNavBar/index.tsx b/src/frontend/components/UI/TopNavBar/index.tsx index 12fc026042..46ce290c48 100644 --- a/src/frontend/components/UI/TopNavBar/index.tsx +++ b/src/frontend/components/UI/TopNavBar/index.tsx @@ -107,7 +107,7 @@ const TopNavBar = observer(() => { onMouseEnter={() => extensionStore.lockPopup()} onMouseLeave={() => extensionStore.unlockPopup()} > - + {badgeText !== '' && badgeText !== '0' ? (
{badgeText}
) : null} From 58d1360646e43d7010d2a7d55e6a0060935deb93 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fl=C3=A1vio=20Fearn?= <26871415+flavioislima@users.noreply.github.com> Date: Tue, 11 Mar 2025 15:20:13 +0000 Subject: [PATCH 2/2] [UI/UX] Remove 'Check for Updates on Startup' setting (#1250) * [UI/UX] Remove 'Check for Updates on Startup' setting * [UI/UX] Remove 'Check for HyperPlay Updates on Startup' translation entry --------- Co-authored-by: Flavio F Lima --- public/locales/en/translation.json | 1 - src/backend/config.ts | 1 - src/backend/updater/updater.ts | 16 ++------ .../components/CheckUpdatesOnStartup.tsx | 38 ------------------- .../screens/Settings/components/index.ts | 1 - .../sections/GeneralSettings/index.tsx | 3 -- 6 files changed, 3 insertions(+), 57 deletions(-) delete mode 100644 src/frontend/screens/Settings/components/CheckUpdatesOnStartup.tsx diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json index f6c8c03c54..0a09b4e333 100644 --- a/public/locales/en/translation.json +++ b/public/locales/en/translation.json @@ -884,7 +884,6 @@ "autoUpdateGames": "Automatically update games", "autovkd3d": "Auto Install/Update VKD3D on Prefix", "change-target-exe": "Select an alternative EXE to run", - "checkForUpdatesOnStartup": "Check for HyperPlay Updates on Startup", "crossover-version": "Crossover/Wine Version", "custom_themes_path": "Custom Themes Path", "customWineProton": "Custom Wine/Proton Paths", diff --git a/src/backend/config.ts b/src/backend/config.ts index 37bb1703c6..38d56c08e1 100644 --- a/src/backend/config.ts +++ b/src/backend/config.ts @@ -295,7 +295,6 @@ class GlobalConfigV0 extends GlobalConfig { autoInstallDxvkNvapi: false, addSteamShortcuts: false, preferSystemLibs: false, - checkForUpdatesOnStartup: !isLinux, autoUpdateGames: true, customWinePaths: isWindows ? null : [], defaultInstallPath: installPath, diff --git a/src/backend/updater/updater.ts b/src/backend/updater/updater.ts index 3472312447..86a3c6a2b3 100644 --- a/src/backend/updater/updater.ts +++ b/src/backend/updater/updater.ts @@ -2,7 +2,7 @@ import { app, dialog, shell } from 'electron' import { autoUpdater } from 'electron-updater' import { t } from 'i18next' -import { configStore, icon, isLinux } from '../constants' +import { icon, isLinux } from '../constants' import { logError, logInfo, LogPrefix } from '../logger/logger' import { captureException } from '@sentry/electron' import { getFileSize } from '../utils' @@ -12,11 +12,9 @@ import { getErrorMessage, removeCachedUpdatesFolder } from './utils' // to test auto update on windows locally make sure you added the option verifyUpdateCodeSignature: false // under build.win in electron-builder.yml and also change the app version to an old one there -const appSettings = configStore.get_nodefault('settings') -const shouldCheckForUpdates = appSettings?.checkForUpdatesOnStartup === true let newVersion: string -autoUpdater.autoDownload = shouldCheckForUpdates && !isLinux +autoUpdater.autoDownload = !isLinux autoUpdater.autoInstallOnAppQuit = true let isAppUpdating = false @@ -29,7 +27,7 @@ const MAX_UPDATE_ATTEMPTS = 10 const checkUpdateInterval = 3 * 1000 * 60 * 60 setInterval(async () => { - if (shouldCheckForUpdates && !hasUpdated && !isAppUpdating) { + if (!hasUpdated && !isAppUpdating) { logInfo('Checking for client updates...', LogPrefix.AutoUpdater) await autoUpdater.checkForUpdates() } @@ -44,14 +42,6 @@ autoUpdater.on('update-available', async (info) => { return } - if (!shouldCheckForUpdates) { - logInfo( - 'New update available, but user has disabled auto updates', - LogPrefix.AutoUpdater - ) - - return - } newVersion = info.version trackEvent({ diff --git a/src/frontend/screens/Settings/components/CheckUpdatesOnStartup.tsx b/src/frontend/screens/Settings/components/CheckUpdatesOnStartup.tsx deleted file mode 100644 index 7ffbad108f..0000000000 --- a/src/frontend/screens/Settings/components/CheckUpdatesOnStartup.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React, { useEffect, useState } from 'react' -import { ToggleSwitch } from 'frontend/components/UI' -import useSetting from 'frontend/hooks/useSetting' -import { useTranslation } from 'react-i18next' - -const CheckUpdatesOnStartup = () => { - const { t } = useTranslation() - const [checkForUpdatesOnStartup, setCheckForUpdatesOnStartup] = useSetting( - 'checkForUpdatesOnStartup', - true - ) - - const [show, setShow] = useState(checkForUpdatesOnStartup) - - useEffect(() => { - window.api.showUpdateSetting().then((s) => setShow(s)) - }, []) - - if (!show) { - return <> - } - - return ( - - setCheckForUpdatesOnStartup(!checkForUpdatesOnStartup) - } - title={t( - 'setting.checkForUpdatesOnStartup', - 'Check for HyperPlay Updates on Startup' - )} - /> - ) -} - -export default CheckUpdatesOnStartup diff --git a/src/frontend/screens/Settings/components/index.ts b/src/frontend/screens/Settings/components/index.ts index 7d317e13d6..b241c2990d 100644 --- a/src/frontend/screens/Settings/components/index.ts +++ b/src/frontend/screens/Settings/components/index.ts @@ -4,7 +4,6 @@ export { default as AutoDXVKNVAPI } from './AutoDXVKNVAPI' export { default as AutoUpdateGames } from './AutoUpdateGames' export { default as AutoVKD3D } from './AutoVKD3D' export { default as BattlEyeRuntime } from './BattlEyeRuntime' -export { default as CheckUpdatesOnStartup } from './CheckUpdatesOnStartup' export { default as CrossoverBottle } from './CrossoverBottle' export { default as CustomWineProton } from './CustomWineProton' export { default as DefaultInstallPath } from './DefaultInstallPath' diff --git a/src/frontend/screens/Settings/sections/GeneralSettings/index.tsx b/src/frontend/screens/Settings/sections/GeneralSettings/index.tsx index 1090872a9e..ecefdb44aa 100644 --- a/src/frontend/screens/Settings/sections/GeneralSettings/index.tsx +++ b/src/frontend/screens/Settings/sections/GeneralSettings/index.tsx @@ -3,7 +3,6 @@ import { useTranslation } from 'react-i18next' import LanguageSelector from 'frontend/components/UI/LanguageSelector' import { AutoUpdateGames, - CheckUpdatesOnStartup, DefaultInstallPath, DefaultSteamPath, EgsSettings, @@ -40,8 +39,6 @@ export default function GeneralSettings() { - -