From 95604bb77816165c315215b85a69fed1ca68ce3b Mon Sep 17 00:00:00 2001 From: KirillKirill Date: Fri, 10 Jul 2026 16:17:35 +0300 Subject: [PATCH 1/5] chore: bump materialUI to v9 --- packages/apps/human-app/frontend/package.json | 5 +- packages/apps/human-app/frontend/src/main.tsx | 2 - .../components/governance-banner.tsx | 72 ++++++++------ .../choose-sign-up-account-type.tsx | 2 +- .../homepage/components/logo-section.tsx | 50 ++++++---- .../homepage/components/operator-sign-in.tsx | 1 + .../homepage/components/operator-sign-up.tsx | 60 ++++++------ .../modules/homepage/components/welcome.tsx | 10 +- .../homepage/components/worker-sign-up.tsx | 64 +++++++------ .../src/modules/homepage/views/home.page.tsx | 2 +- .../profile/components/operator-info.tsx | 6 +- .../profile/components/operator-stats.tsx | 8 +- .../modules/operator/profile/profile.page.tsx | 6 +- .../modules/signin/worker/sign-in-form.tsx | 15 +-- .../components/add-keys/add-keys-form.tsx | 14 ++- .../add-keys/edit-existing-keys-form.tsx | 7 +- .../add-keys/existing-keys-form.tsx | 14 ++- .../components/add-keys/existing-keys.tsx | 26 ++--- .../operator/components/add-stake/buttons.tsx | 8 +- .../components/add-stake/stake-form.tsx | 6 +- .../signup/operator/views/add-stake.page.tsx | 10 +- .../views/edit-existing-keys-success.page.tsx | 2 +- .../worker/views/sign-up-worker.page.tsx | 4 +- .../email-verification-success-message.tsx | 2 +- .../resend-verification-email-form.tsx | 8 +- .../components/user-stats-details.tsx | 31 +++--- .../components/user-stats-drawer.tsx | 6 +- .../hcaptcha-labeling/enable-labeler.page.tsx | 13 +-- .../hcaptcha-labeling.page.tsx | 15 +-- .../components/oracles-table-item-mobile.tsx | 14 +-- .../components/oracles-table.tsx | 2 +- .../jobs-discovery/jobs-discovery.page.tsx | 34 ++++--- .../available-jobs-filter-modal.tsx | 9 +- .../mobile/available-jobs-list-mobile.tsx | 29 +++--- ...ailable-jobs-reward-amount-sort-mobile.tsx | 2 +- .../components/escrow-address-search-form.tsx | 16 ++-- .../jobs/components/report-abuse-modal.tsx | 32 ++++--- .../worker/jobs/components/reward-amount.tsx | 6 +- .../worker/jobs/components/sorting.tsx | 4 +- .../src/modules/worker/jobs/jobs.page.tsx | 6 +- .../components/desktop/status-chip.tsx | 2 +- .../mobile/my-jobs-expires-at-sort-mobile.tsx | 2 +- .../mobile/my-jobs-filter-modal.tsx | 9 +- .../components/mobile/my-jobs-list-mobile.tsx | 25 ++--- .../my-jobs-reward-amount-sort-mobile.tsx | 2 +- .../oracle-registration/registration-form.tsx | 2 +- .../oracle-registration/registration.page.tsx | 6 +- .../profile/components/add-api-key-modal.tsx | 25 +++-- .../profile/components/api-key-data.tsx | 8 +- .../components/delete-api-key-modal.tsx | 19 ++-- .../profile/components/edit-api-key-modal.tsx | 31 +++--- .../identity-verification-control.tsx | 2 +- .../profile/components/modal-states.tsx | 41 ++++---- .../profile/components/profile-data.tsx | 5 +- .../profile/components/staking-info.tsx | 10 +- .../components/wallet-connect-done.tsx | 56 ++++++----- .../worker/profile/views/profile.page.tsx | 13 +-- .../reset-password-success.page.tsx | 2 +- .../reset-password/reset-password.page.tsx | 2 +- .../send-reset-link-success.page.tsx | 18 ++-- .../send-reset-link/send-reset-link.page.tsx | 2 +- .../frontend/src/router/components/footer.tsx | 94 ++++++++++--------- .../protected/bottom-menu-items-list.tsx | 9 +- .../layout/protected/drawer-navigation.tsx | 7 +- .../components/layout/protected/layout.tsx | 41 ++++---- .../components/layout/protected/navbar.tsx | 8 +- .../layout/protected/page-header.tsx | 76 +++++++-------- .../layout/protected/top-menu-items-list.tsx | 30 +++--- .../components/layout/unprotected/layout.tsx | 18 ++-- .../components/layout/unprotected/navbar.tsx | 2 +- .../shared/components/data-entry/checkbox.tsx | 2 +- .../shared/components/data-entry/input.tsx | 23 +++-- .../data-entry/password/password.tsx | 50 +++++----- .../components/hcaptcha/h-captcha-form.tsx | 2 +- .../src/shared/components/ui/chip.tsx | 6 +- .../components/ui/empty-placeholder.tsx | 2 +- .../components/ui/modal/global-modal.tsx | 12 ++- .../shared/components/ui/optional-text.tsx | 2 +- .../components/ui/page-card/page-card.tsx | 40 ++++---- .../ui/profile/profile-list-item.tsx | 17 ++-- .../shared/components/ui/success-label.tsx | 2 +- .../src/shared/components/ui/table-button.tsx | 6 +- .../ui/table/table-header-menu/filtering.tsx | 16 ++-- .../ui/table/table-header-menu/sorting.tsx | 14 ++- .../components/ui/text-header-with-icon.tsx | 2 +- .../frontend/src/shared/styles/dark-theme.ts | 1 - .../frontend/src/shared/styles/theme.ts | 1 - .../frontend/src/shared/styles/typography.ts | 1 + .../apps/human-app/frontend/tsconfig.json | 1 - 89 files changed, 710 insertions(+), 680 deletions(-) diff --git a/packages/apps/human-app/frontend/package.json b/packages/apps/human-app/frontend/package.json index a9fb3a8fd3..7d8fd7bce6 100644 --- a/packages/apps/human-app/frontend/package.json +++ b/packages/apps/human-app/frontend/package.json @@ -26,8 +26,7 @@ "@hookform/resolvers": "^5.1.0", "@human-protocol/sdk": "workspace:*", "@mui/icons-material": "^7.3.8", - "@mui/material": "^5.16.7", - "@mui/system": "^9.0.1", + "@mui/material": "^9.2.0", "@mui/x-date-pickers": "^9.2.0", "@reown/appkit": "^1.8.20", "@reown/appkit-adapter-wagmi": "^1.8.20", @@ -40,7 +39,6 @@ "jwt-decode": "^4.0.0", "lodash": "^4.18.1", "material-react-table": "3.0.1", - "mui-image": "^1.0.7", "notistack": "^3.0.1", "prop-types": "^15.8.1", "query-string": "^9.0.0", @@ -63,7 +61,6 @@ "@tanstack/eslint-plugin-query": "^5.60.1", "@tanstack/react-query-devtools": "^5.59.16", "@types/lodash": "^4.17.24", - "@types/mui-image": "^1.0.5", "@types/node": "^22.10.5", "@types/prop-types": "^15", "@types/react": "^19.2.15", diff --git a/packages/apps/human-app/frontend/src/main.tsx b/packages/apps/human-app/frontend/src/main.tsx index bf9aaa190f..190fbbd0e5 100644 --- a/packages/apps/human-app/frontend/src/main.tsx +++ b/packages/apps/human-app/frontend/src/main.tsx @@ -7,12 +7,10 @@ import CssBaseline from '@mui/material/CssBaseline'; import { BrowserRouter } from 'react-router-dom'; import { AuthProvider } from '@/modules/auth/context/auth-context'; import { Router } from '@/router/router'; -import '@fontsource/inter'; import '@fontsource/inter/400.css'; import '@fontsource/inter/500.css'; import '@fontsource/inter/600.css'; import '@fontsource/inter/800.css'; -import '@fontsource/roboto'; import '@fontsource/roboto/400.css'; import '@fontsource/roboto/500.css'; import { WalletConnectProvider } from '@/shared/contexts/wallet-connect'; diff --git a/packages/apps/human-app/frontend/src/modules/governance-banner/components/governance-banner.tsx b/packages/apps/human-app/frontend/src/modules/governance-banner/components/governance-banner.tsx index a1096e1d3d..a72404c85f 100644 --- a/packages/apps/human-app/frontend/src/modules/governance-banner/components/governance-banner.tsx +++ b/packages/apps/human-app/frontend/src/modules/governance-banner/components/governance-banner.tsx @@ -17,6 +17,7 @@ function getProposalStatus(proposal: ProposalResponse): ProposalStatus { if (voteStart <= now && now < voteEnd) return 'active'; return 'pending'; } + export function GovernanceBanner() { const { t } = useTranslation(); const { data: proposal, isLoading, isError } = useProposalQuery(); @@ -53,45 +54,49 @@ export function GovernanceBanner() { return ( {/* Left side: Countdown & "X votes" */} - + - + {status === 'pending' ? t('governance.timeToStart', 'Voting starts in') : t('governance.timeToReveal', 'Time to reveal vote')} : - + {timeRemaining} {status === 'active' && ( {totalVotes} {t('governance.votes', 'votes')} @@ -100,19 +105,24 @@ export function GovernanceBanner() { {/* Right side: "More details" link */} {t('governance.moreDetails', 'More details')} → diff --git a/packages/apps/human-app/frontend/src/modules/homepage/components/choose-sign-up-account-type.tsx b/packages/apps/human-app/frontend/src/modules/homepage/components/choose-sign-up-account-type.tsx index a0c2415e16..bb7ebfe479 100644 --- a/packages/apps/human-app/frontend/src/modules/homepage/components/choose-sign-up-account-type.tsx +++ b/packages/apps/human-app/frontend/src/modules/homepage/components/choose-sign-up-account-type.tsx @@ -27,7 +27,7 @@ export function ChooseSignUpAccountType() { title={{t('homepage.welcome')} 👋} > - + {t('homepage.howWillUse')} diff --git a/packages/apps/human-app/frontend/src/modules/homepage/components/logo-section.tsx b/packages/apps/human-app/frontend/src/modules/homepage/components/logo-section.tsx index 6116bb99a3..d8666f3fac 100644 --- a/packages/apps/human-app/frontend/src/modules/homepage/components/logo-section.tsx +++ b/packages/apps/human-app/frontend/src/modules/homepage/components/logo-section.tsx @@ -15,55 +15,65 @@ export function LogoSection() { const isMobile = useIsMobile('lg'); return ( - + {isMobile ? ( ) : ( - + - + - + )} {logoTextSplit[0]} - + {logoTextSplit[1]} {t('homepage.completeJobs')} diff --git a/packages/apps/human-app/frontend/src/modules/homepage/components/operator-sign-in.tsx b/packages/apps/human-app/frontend/src/modules/homepage/components/operator-sign-in.tsx index 2c215be780..a09315b084 100644 --- a/packages/apps/human-app/frontend/src/modules/homepage/components/operator-sign-in.tsx +++ b/packages/apps/human-app/frontend/src/modules/homepage/components/operator-sign-in.tsx @@ -26,6 +26,7 @@ export function OperatorSignIn() { }, [address, isConnected, signInMutation]); const getSnackBar = () => { + console.log('1'); return ( -
+ {t('homepage.joinAsOperator')} @@ -37,45 +40,48 @@ export function OperatorSignUp() { sx={{ listStyleType: 'disc', listStylePosition: 'inside', - paddingLeft: '0.5rem', + pl: 1, }} > -
+ diff --git a/packages/apps/human-app/frontend/src/modules/homepage/components/welcome.tsx b/packages/apps/human-app/frontend/src/modules/homepage/components/welcome.tsx index 2737034284..c6ba4099bb 100644 --- a/packages/apps/human-app/frontend/src/modules/homepage/components/welcome.tsx +++ b/packages/apps/human-app/frontend/src/modules/homepage/components/welcome.tsx @@ -1,6 +1,5 @@ import { Grid } from '@mui/material'; import { useEffect } from 'react'; -import { useIsMobile } from '@/shared/hooks/use-is-mobile'; import { useColorMode } from '@/shared/contexts/color-mode'; import { useBackgroundContext } from '@/shared/contexts/background'; import { SignInSection } from './sign-in-section'; @@ -9,7 +8,6 @@ import { LogoSection } from './logo-section'; export function Welcome() { const { isDarkMode } = useColorMode(); const { setWhiteBackground } = useBackgroundContext(); - const isMobile = useIsMobile('lg'); useEffect(() => { if (!isDarkMode) { @@ -20,13 +18,13 @@ export function Welcome() { return ( - + - + diff --git a/packages/apps/human-app/frontend/src/modules/homepage/components/worker-sign-up.tsx b/packages/apps/human-app/frontend/src/modules/homepage/components/worker-sign-up.tsx index 8ec2dcab12..7fe567bce4 100644 --- a/packages/apps/human-app/frontend/src/modules/homepage/components/worker-sign-up.tsx +++ b/packages/apps/human-app/frontend/src/modules/homepage/components/worker-sign-up.tsx @@ -1,24 +1,23 @@ -import { Grid, Typography, List, ListItemText, Button } from '@mui/material'; +import { + Grid, + Typography, + List, + ListItemText, + Button, + Stack, +} from '@mui/material'; import { useTranslation } from 'react-i18next'; import { Link } from 'react-router-dom'; import { routerPaths } from '@/router/router-paths'; import { useColorMode } from '@/shared/contexts/color-mode'; -import { useIsMobile } from '@/shared/hooks/use-is-mobile'; import { onlyDarkModeColor } from '@/shared/styles/dark-color-palette'; export function WorkerSignUp() { const { colorPalette, isDarkMode } = useColorMode(); const { t } = useTranslation(); - const isMobile = useIsMobile('lg'); return ( - + -
+ {t('homepage.iWantToEarn')} @@ -42,45 +41,48 @@ export function WorkerSignUp() { sx={{ listStyleType: 'disc', listStylePosition: 'inside', - paddingLeft: '0.5rem', + pl: '0.5rem', }} > -
+ diff --git a/packages/apps/human-app/frontend/src/modules/homepage/views/home.page.tsx b/packages/apps/human-app/frontend/src/modules/homepage/views/home.page.tsx index 7176f2fa77..35ba3e9221 100644 --- a/packages/apps/human-app/frontend/src/modules/homepage/views/home.page.tsx +++ b/packages/apps/human-app/frontend/src/modules/homepage/views/home.page.tsx @@ -34,7 +34,7 @@ export function HomePage() { })(); return ( - + {t('operator.profile.about.header')} - + ) { - const isMobile = useIsMobile('lg'); const { colorPalette } = useColorMode(); const { t } = useTranslation(); @@ -22,21 +20,21 @@ export function OperatorStats({ width: '100%', display: 'flex', flexDirection: 'column', - padding: isMobile ? '20px' : '40px', + padding: { xs: 2.5, md: 5 }, borderRadius: '20px', }} > {t('operator.profile.statistics.header')} - + - + - + diff --git a/packages/apps/human-app/frontend/src/modules/signin/worker/sign-in-form.tsx b/packages/apps/human-app/frontend/src/modules/signin/worker/sign-in-form.tsx index 5aeca3562a..f08174d2cd 100644 --- a/packages/apps/human-app/frontend/src/modules/signin/worker/sign-in-form.tsx +++ b/packages/apps/human-app/frontend/src/modules/signin/worker/sign-in-form.tsx @@ -1,5 +1,5 @@ import { FormProvider, useForm } from 'react-hook-form'; -import { Box, Grid, Typography } from '@mui/material'; +import { Box, Grid, Link as MuiLink, Typography } from '@mui/material'; import { zodResolver } from '@hookform/resolvers/zod'; import { useTranslation } from 'react-i18next'; import { Link } from 'react-router-dom'; @@ -44,7 +44,7 @@ export function SignInForm({ return (
- + - + - {t('worker.signInForm.forgotPassword')} - + diff --git a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/add-keys-form.tsx b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/add-keys-form.tsx index 84491fee32..fd45b334c5 100644 --- a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/add-keys-form.tsx +++ b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/add-keys-form.tsx @@ -1,4 +1,4 @@ -import { Grid } from '@mui/material'; +import { Grid, Stack } from '@mui/material'; import { t } from 'i18next'; import { Link } from 'react-router-dom'; import { routerPaths } from '@/router/router-paths'; @@ -27,13 +27,11 @@ export function AddKeysForm({ }); return ( - -
+ {hasSomeNotEmptyKeys ? : null} @@ -47,7 +45,7 @@ export function AddKeysForm({ {t('operator.addKeysPage.skipBtn')} ) : null} -
+ ); } diff --git a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/edit-existing-keys-form.tsx b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/edit-existing-keys-form.tsx index 7ef7b929f3..20914684fd 100644 --- a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/edit-existing-keys-form.tsx +++ b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/edit-existing-keys-form.tsx @@ -107,9 +107,9 @@ export function EditExistingKeysForm({ {noChangesError ? (
{noChangesError} @@ -117,7 +117,10 @@ export function EditExistingKeysForm({ ) : null}
diff --git a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/existing-keys-form.tsx b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/existing-keys-form.tsx index d7b0687727..b78d59326b 100644 --- a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/existing-keys-form.tsx +++ b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/existing-keys-form.tsx @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { Grid } from '@mui/material'; +import { Grid, Stack } from '@mui/material'; import { zodResolver } from '@hookform/resolvers/zod'; import { FormProvider, useForm } from 'react-hook-form'; import type { GetEthKVStoreValuesSuccessResponse } from '@/modules/operator/hooks/use-get-keys'; @@ -31,13 +31,11 @@ export function ExistingKeysForm({ useResetMutationErrors(existingKeysMethods.watch, existingKeysMutation.reset); return ( - -
+ @@ -66,7 +64,7 @@ export function ExistingKeysForm({ )} -
+ ); } diff --git a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/existing-keys.tsx b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/existing-keys.tsx index 1eb854a9fc..272bdb3083 100644 --- a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/existing-keys.tsx +++ b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-keys/existing-keys.tsx @@ -18,7 +18,7 @@ const existingKeysConfig: Record< (values: GetEthKVStoreValuesSuccessResponse) => React.ReactElement > = { [EthKVStoreKeys.Fee]: ({ fee }) => ( - + {t('operator.addKeysPage.existingKeys.fee')} @@ -30,38 +30,38 @@ const existingKeysConfig: Record< ), [EthKVStoreKeys.PublicKey]: ({ public_key }) => ( - - + + {t('operator.addKeysPage.existingKeys.publicKey')} - + ), [EthKVStoreKeys.Url]: ({ url }) => ( - - + + {t('operator.addKeysPage.existingKeys.url')} - + ), [EthKVStoreKeys.WebhookUrl]: ({ webhook_url }) => ( - + {t('operator.addKeysPage.existingKeys.webhookUrl')} - + ), [EthKVStoreKeys.Role]: ({ role }) => ( - + {t('operator.addKeysPage.existingKeys.role')}
{role ? : }
@@ -69,7 +69,7 @@ const existingKeysConfig: Record< ), [EthKVStoreKeys.JobTypes]: ({ job_types }) => ( - + {t('operator.addKeysPage.existingKeys.jobType')}
{job_types ? : }
@@ -94,7 +94,7 @@ export function ExistingKeys({ ); return ( - + {t('operator.addKeysPage.existingKeys.title')} @@ -111,7 +111,7 @@ export function ExistingKeys({ startIcon={} variant="contained" > - + {t('operator.addKeysPage.existingKeys.editBtn')} diff --git a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-stake/buttons.tsx b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-stake/buttons.tsx index b3a4b84a83..4a677bdaf8 100644 --- a/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-stake/buttons.tsx +++ b/packages/apps/human-app/frontend/src/modules/signup/operator/components/add-stake/buttons.tsx @@ -16,9 +16,9 @@ export function Buttons({ return ( diff --git a/packages/apps/human-app/frontend/src/modules/worker/hcaptcha-labeling/hcaptcha-labeling.page.tsx b/packages/apps/human-app/frontend/src/modules/worker/hcaptcha-labeling/hcaptcha-labeling.page.tsx index 3efadc29da..232f127f4d 100644 --- a/packages/apps/human-app/frontend/src/modules/worker/hcaptcha-labeling/hcaptcha-labeling.page.tsx +++ b/packages/apps/human-app/frontend/src/modules/worker/hcaptcha-labeling/hcaptcha-labeling.page.tsx @@ -4,7 +4,6 @@ import { Paper, Typography } from '@mui/material'; import { t } from 'i18next'; import { Navigate, useNavigate } from 'react-router-dom'; import { useRef } from 'react'; -import { useIsMobile } from '@/shared/hooks/use-is-mobile'; import { env } from '@/shared/env'; import { breakpoints } from '@/shared/styles/breakpoints'; import { Counter } from '@/shared/components/ui/counter'; @@ -67,7 +66,6 @@ export function HcaptchaLabelingPage() { error: dailyHmtSpentError, } = useDailyHmtSpent(); - const isMobile = useIsMobile(); const navigate = useNavigate(); const canSolveCaptcha = @@ -102,17 +100,14 @@ export function HcaptchaLabelingPage() { return ( @@ -155,11 +150,11 @@ export function HcaptchaLabelingPage() { /> ) : ( - + {t('worker.hcaptchaLabeling.noJobs')} - + { diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs-discovery/components/oracles-table-item-mobile.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs-discovery/components/oracles-table-item-mobile.tsx index 085b952125..730f41db79 100644 --- a/packages/apps/human-app/frontend/src/modules/worker/jobs-discovery/components/oracles-table-item-mobile.tsx +++ b/packages/apps/human-app/frontend/src/modules/worker/jobs-discovery/components/oracles-table-item-mobile.tsx @@ -1,4 +1,4 @@ -import { Grid, Paper, type SxProps, Typography } from '@mui/material'; +import { Stack, Paper, type SxProps, Typography } from '@mui/material'; import { t } from 'i18next'; import { Chips } from '@/shared/components/ui/chips'; import { TableButton } from '@/shared/components/ui/table-button'; @@ -14,13 +14,13 @@ interface OraclesTableItemMobileProps { } const styles: SxProps = { - px: '16px', - py: '32px', - marginBottom: '20px', + px: 2, + py: 4, + mb: 2.5, borderRadius: '20px', display: 'flex', flexDirection: 'column', - gap: '1rem', + gap: 2, boxShadow: 'none', }; @@ -32,7 +32,7 @@ export function OraclesTableItemMobile({ return ( - + @@ -46,7 +46,7 @@ export function OraclesTableItemMobile({ )} /> - + { diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs-discovery/components/oracles-table.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs-discovery/components/oracles-table.tsx index abb5fe312c..9e19e8af0e 100644 --- a/packages/apps/human-app/frontend/src/modules/worker/jobs-discovery/components/oracles-table.tsx +++ b/packages/apps/human-app/frontend/src/modules/worker/jobs-discovery/components/oracles-table.tsx @@ -51,7 +51,7 @@ export function OraclesTable() { } return isMobile ? ( - + {oraclesData.map((oracle) => ( - - - - - - - + + + + + + ); } diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/available-jobs-filter-modal.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/available-jobs-filter-modal.tsx index 087a512020..f66e008a16 100644 --- a/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/available-jobs-filter-modal.tsx +++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/available-jobs-filter-modal.tsx @@ -43,16 +43,15 @@ export function AvailableJobsFilterModal({ variant="persistent" > {t('worker.jobs.network')} - + @@ -112,7 +111,7 @@ export function AvailableJobsFilterModal({ {t('worker.jobs.jobType')} - + diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/components/mobile/available-jobs-list-mobile.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/components/mobile/available-jobs-list-mobile.tsx index 0ece918fc8..da1da55a87 100644 --- a/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/components/mobile/available-jobs-list-mobile.tsx +++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/components/mobile/available-jobs-list-mobile.tsx @@ -40,34 +40,34 @@ export function AvailableJobsListMobile() { }, [resetFilterParams]); return ( - + {isTableError && ( {getErrorMessageForError(tableError)} )} {tableStatus === 'pending' && ( - + )} - {allPages.map((d) => ( - - + + {d.job_description} - + @@ -93,22 +92,22 @@ export function AvailableJobsListMobile() { /> - + {getNetworkName(d.chain_id)} - + - + { setPageParams(filterParams.page + 1, filterParams.page_size); void fetchNextPage(); }} - variant="outlined" > {t('worker.jobs.next')} diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/components/mobile/available-jobs-reward-amount-sort-mobile.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/components/mobile/available-jobs-reward-amount-sort-mobile.tsx index 5aa9807f7f..3f78e5fec9 100644 --- a/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/components/mobile/available-jobs-reward-amount-sort-mobile.tsx +++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/components/mobile/available-jobs-reward-amount-sort-mobile.tsx @@ -12,7 +12,7 @@ export function AvailableJobsRewardAmountSortMobile() { return ( + {t('worker.jobs.rewardAmount')} } diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/escrow-address-search-form.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/escrow-address-search-form.tsx index 77cebcfca9..472dbc17ca 100644 --- a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/escrow-address-search-form.tsx +++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/escrow-address-search-form.tsx @@ -73,16 +73,18 @@ export function EscrowAddressSearchForm({ > - - - ), - }} fullWidth label={label} name="searchValue" + slotProps={{ + input: { + startAdornment: ( + + + + ), + }, + }} onChange={(e) => { methods.setValue('searchValue', e.target.value); }} diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/report-abuse-modal.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/report-abuse-modal.tsx index 7db3ca047b..5cbfa52622 100644 --- a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/report-abuse-modal.tsx +++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/report-abuse-modal.tsx @@ -45,24 +45,23 @@ function ErrorState({ error }: { error: string }) { const errorColor = colorPalette.error.main; return ( - + {isAbuseError ? ( <> {t('worker.reportAbuse.modalHeaderAlreadyReportedError')} - + {t('worker.reportAbuse.modalParagraphAlreadyReportedError')} ) : ( - + {t('worker.reportAbuse.modalUnknownError')} )} @@ -73,11 +72,11 @@ function ErrorState({ error }: { error: string }) { function SuccessState() { const { t } = useTranslation(); return ( - + - + {t('worker.reportAbuse.modalSuccessHeader')} @@ -129,17 +128,22 @@ export function ReportAbuseModal({ return ( - + {t('worker.reportAbuse.modalHeader')} {isIdleOrLoading && ( <> - + {t('worker.reportAbuse.modalParagraph')} @@ -162,7 +166,7 @@ export function ReportAbuseModal({ {isPending && } {isError && } {isSuccess && } - + - + )} - + {t('worker.profile.apiKeyData.modalFooterAgreement')} diff --git a/packages/apps/human-app/frontend/src/modules/worker/profile/components/api-key-data.tsx b/packages/apps/human-app/frontend/src/modules/worker/profile/components/api-key-data.tsx index a6fa175b58..a483011d17 100644 --- a/packages/apps/human-app/frontend/src/modules/worker/profile/components/api-key-data.tsx +++ b/packages/apps/human-app/frontend/src/modules/worker/profile/components/api-key-data.tsx @@ -55,8 +55,8 @@ export function ApiKeyData({ ); return ( - - + + {t('worker.profile.apiKeyData.apiKey')} @@ -77,10 +77,10 @@ export function ApiKeyData({ } /> - + {textField} {exchangeApiKeyData?.exchange_name && ( - + - + {t('worker.profile.apiKeyData.deleteApiKey')} {isPending && } {isIdle && ( <> - + {t('worker.profile.apiKeyData.deleteApiKeyConfirmation')} - + {t('worker.profile.apiKeyData.deleteApiKeyDescription')} )} {isSuccess && ( - + {t('worker.profile.apiKeyData.deleteKeySuccess')} @@ -69,9 +72,11 @@ export function DeleteApiKeyModal({ {isIdle && ( - + {t('worker.profile.stakingInfo.stakedAmount')} @@ -193,12 +193,12 @@ export function StakingInfo() { ) : ( {stakedAmount} HMT )} - + diff --git a/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-menu/filtering.tsx b/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-menu/filtering.tsx index 32023a5d48..ed71180808 100644 --- a/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-menu/filtering.tsx +++ b/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-menu/filtering.tsx @@ -34,9 +34,8 @@ export function Filtering({ {showTitle ? ( {t('components.table.filter')} @@ -54,15 +53,18 @@ export function Filtering({ } setFiltering(option); }} - sx={{ paddingLeft: 0, ':hover': { background: 'none' } }} + sx={{ pl: 0, ':hover': { background: 'none' } }} /> - + {name} @@ -74,11 +76,11 @@ export function Filtering({ { clear(); }} - variant="buttonMedium" > {t('components.table.clearBtn')} diff --git a/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-menu/sorting.tsx b/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-menu/sorting.tsx index 5d5749b639..835197d3fd 100644 --- a/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-menu/sorting.tsx +++ b/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-menu/sorting.tsx @@ -15,9 +15,8 @@ export function Sorting({ sortingOptions, clear }: SortingMenuProps) { return ( {t('components.table.sort')} @@ -30,7 +29,10 @@ export function Sorting({ sortingOptions, clear }: SortingMenuProps) { }} sx={{ padding: '0.2rem 0.5rem', cursor: 'pointer' }} > - + {label} @@ -39,9 +41,11 @@ export function Sorting({ sortingOptions, clear }: SortingMenuProps) { { + clear(); + }} > {t('components.table.clearBtn')} diff --git a/packages/apps/human-app/frontend/src/shared/components/ui/text-header-with-icon.tsx b/packages/apps/human-app/frontend/src/shared/components/ui/text-header-with-icon.tsx index 0af093146e..57a2d2b727 100644 --- a/packages/apps/human-app/frontend/src/shared/components/ui/text-header-with-icon.tsx +++ b/packages/apps/human-app/frontend/src/shared/components/ui/text-header-with-icon.tsx @@ -1,4 +1,4 @@ -import Grid from '@mui/material/Grid/Grid'; +import { Grid } from '@mui/material'; import { FiltersIcon } from '@/shared/components/ui/icons'; export type IconType = 'filter'; diff --git a/packages/apps/human-app/frontend/src/shared/styles/dark-theme.ts b/packages/apps/human-app/frontend/src/shared/styles/dark-theme.ts index 0158695420..56a635b86c 100644 --- a/packages/apps/human-app/frontend/src/shared/styles/dark-theme.ts +++ b/packages/apps/human-app/frontend/src/shared/styles/dark-theme.ts @@ -20,7 +20,6 @@ export const darkTheme: ThemeOptions = { defaultProps: { variant: 'body1', color: darkColorPalette.text.primary, - fontFamily: 'Inter', variantMapping: { subtitle1: 'p', subtitle2: 'p', diff --git a/packages/apps/human-app/frontend/src/shared/styles/theme.ts b/packages/apps/human-app/frontend/src/shared/styles/theme.ts index 44a04ae421..b655c57dc4 100644 --- a/packages/apps/human-app/frontend/src/shared/styles/theme.ts +++ b/packages/apps/human-app/frontend/src/shared/styles/theme.ts @@ -9,7 +9,6 @@ export const theme: ThemeOptions = { defaultProps: { variant: 'body1', color: colorPalette.primary.main, - fontFamily: 'Inter', variantMapping: { subtitle1: 'p', subtitle2: 'p', diff --git a/packages/apps/human-app/frontend/src/shared/styles/typography.ts b/packages/apps/human-app/frontend/src/shared/styles/typography.ts index 6f940bcf59..6d53f178e9 100644 --- a/packages/apps/human-app/frontend/src/shared/styles/typography.ts +++ b/packages/apps/human-app/frontend/src/shared/styles/typography.ts @@ -73,6 +73,7 @@ declare module '@mui/material/styles' { } export const typography: ThemeOptions['typography'] = { + fontFamily: 'Inter', h1: { fontSize: 80, fontWeight: 800, diff --git a/packages/apps/human-app/frontend/tsconfig.json b/packages/apps/human-app/frontend/tsconfig.json index f58b6f497d..ff07c5d0da 100644 --- a/packages/apps/human-app/frontend/tsconfig.json +++ b/packages/apps/human-app/frontend/tsconfig.json @@ -20,7 +20,6 @@ "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, /* Absolute paths */ - "baseUrl": ".", "paths": { "@/*": ["./src/*"] } From 56c11045e972351ad43264eb06c4098f5ecab8a3 Mon Sep 17 00:00:00 2001 From: KirillKirill Date: Fri, 10 Jul 2026 16:18:53 +0300 Subject: [PATCH 2/5] chore: update makefile and lock file --- docker-setup/Makefile | 4 +- yarn.lock | 179 ++++++++++++++++++++++++++++++++++++------ 2 files changed, 155 insertions(+), 28 deletions(-) diff --git a/docker-setup/Makefile b/docker-setup/Makefile index 724723d377..39d57fd2e6 100644 --- a/docker-setup/Makefile +++ b/docker-setup/Makefile @@ -16,15 +16,15 @@ infra-up: check-env-file infra-stop: @docker compose --env-file .env.compose.local stop postgres redis minio minio-client +# TODO: Revisit compose-native parallel builds once Docker Compose v5 parallel limits are reliable again. build-services: check-env-file - @# TODO: Revisit compose-native parallel builds once Docker Compose v5 parallel limits are reliable again. @docker compose --env-file .env.compose.local config --services | \ xargs -n $(DOCKER_PARALLEL) docker compose --env-file .env.compose.local build @docker compose --env-file .env.compose.local up --no-start +# TODO: Revisit compose-native parallel builds once Docker Compose v5 parallel limits are reliable again. services-up: check-env-file @service_names="$(wordlist 2, $(words $(MAKECMDGOALS)), $(MAKECMDGOALS))"; \ - @# TODO: Revisit compose-native parallel builds once Docker Compose v5 parallel limits are reliable again. if [ -n "$$service_names" ]; then \ printf '%s\n' $$service_names | xargs -n $(DOCKER_PARALLEL) docker compose --env-file .env.compose.local up -d; \ else \ diff --git a/yarn.lock b/yarn.lock index 1c92a2ea4f..92c620480e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -426,8 +426,7 @@ __metadata: "@hookform/resolvers": "npm:^5.1.0" "@human-protocol/sdk": "workspace:*" "@mui/icons-material": "npm:^7.3.8" - "@mui/material": "npm:^5.16.7" - "@mui/system": "npm:^9.0.1" + "@mui/material": "npm:^9.2.0" "@mui/x-date-pickers": "npm:^9.2.0" "@reown/appkit": "npm:^1.8.20" "@reown/appkit-adapter-wagmi": "npm:^1.8.20" @@ -436,7 +435,6 @@ __metadata: "@tanstack/react-query": "npm:^5.91.3" "@tanstack/react-query-devtools": "npm:^5.59.16" "@types/lodash": "npm:^4.17.24" - "@types/mui-image": "npm:^1.0.5" "@types/node": "npm:^22.10.5" "@types/prop-types": "npm:^15" "@types/react": "npm:^19.2.15" @@ -459,7 +457,6 @@ __metadata: jwt-decode: "npm:^4.0.0" lodash: "npm:^4.18.1" material-react-table: "npm:3.0.1" - mui-image: "npm:^1.0.7" notistack: "npm:^3.0.1" prettier: "npm:^3.8.1" prop-types: "npm:^15.8.1" @@ -7034,6 +7031,13 @@ __metadata: languageName: node linkType: hard +"@mui/core-downloads-tracker@npm:^9.2.0": + version: 9.2.0 + resolution: "@mui/core-downloads-tracker@npm:9.2.0" + checksum: 10c0/644d5e78c9a305b4520889348649b6f89ced9ef1c5a60720b58d5fd4e743d703cd53249405cf236d60d2ccca1bd7813c59451acd02afcb04e24bc3c1439917a7 + languageName: node + linkType: hard + "@mui/icons-material@npm:^7.3.8": version: 7.3.8 resolution: "@mui/icons-material@npm:7.3.8" @@ -7150,6 +7154,42 @@ __metadata: languageName: node linkType: hard +"@mui/material@npm:^9.2.0": + version: 9.2.0 + resolution: "@mui/material@npm:9.2.0" + dependencies: + "@babel/runtime": "npm:^7.29.2" + "@mui/core-downloads-tracker": "npm:^9.2.0" + "@mui/system": "npm:^9.2.0" + "@mui/types": "npm:^9.1.1" + "@mui/utils": "npm:^9.2.0" + "@popperjs/core": "npm:^2.11.8" + "@types/react-transition-group": "npm:^4.4.12" + clsx: "npm:^2.1.1" + csstype: "npm:^3.2.3" + prop-types: "npm:^15.8.1" + react-is: "npm:^19.2.6" + react-transition-group: "npm:^4.4.5" + peerDependencies: + "@emotion/react": ^11.5.0 + "@emotion/styled": ^11.3.0 + "@mui/material-pigment-css": ^9.2.0 + "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + "@emotion/react": + optional: true + "@emotion/styled": + optional: true + "@mui/material-pigment-css": + optional: true + "@types/react": + optional: true + checksum: 10c0/058b10cd15b9d5c8b1d0a95200603e207f456ab7a52616e00e552e96a43be8081206486b4d7beea540e66f28e1b232cc8d75333a68d7bb0748dbdefbf11190da + languageName: node + linkType: hard + "@mui/private-theming@npm:^5.17.1": version: 5.17.1 resolution: "@mui/private-theming@npm:5.17.1" @@ -7218,6 +7258,23 @@ __metadata: languageName: node linkType: hard +"@mui/private-theming@npm:^9.2.0": + version: 9.2.0 + resolution: "@mui/private-theming@npm:9.2.0" + dependencies: + "@babel/runtime": "npm:^7.29.2" + "@mui/utils": "npm:^9.2.0" + prop-types: "npm:^15.8.1" + peerDependencies: + "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/534fbf18f53ee641b09fd72c839adeec23975b4bca399493183b01a539c085de2e998ce914b148481d12d4e92f8ccbaf5aad139e7878c131cdcc6e70298d2f1f + languageName: node + linkType: hard + "@mui/styled-engine-sc@npm:9.0.1": version: 9.0.1 resolution: "@mui/styled-engine-sc@npm:9.0.1" @@ -7324,6 +7381,29 @@ __metadata: languageName: node linkType: hard +"@mui/styled-engine@npm:^9.1.1": + version: 9.1.1 + resolution: "@mui/styled-engine@npm:9.1.1" + dependencies: + "@babel/runtime": "npm:^7.29.2" + "@emotion/cache": "npm:^11.14.0" + "@emotion/serialize": "npm:^1.3.3" + "@emotion/sheet": "npm:^1.4.0" + csstype: "npm:^3.2.3" + prop-types: "npm:^15.8.1" + peerDependencies: + "@emotion/react": ^11.4.1 + "@emotion/styled": ^11.3.0 + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + "@emotion/react": + optional: true + "@emotion/styled": + optional: true + checksum: 10c0/250bb2a94ac3399a3a9c2ba81871419100fed51b823b87a935215c50781aace3022585697039898073964e661e749abd9e30a6a241ce7567ad5eec47ef082467 + languageName: node + linkType: hard + "@mui/system@npm:^5.18.0": version: 5.18.0 resolution: "@mui/system@npm:5.18.0" @@ -7436,6 +7516,34 @@ __metadata: languageName: node linkType: hard +"@mui/system@npm:^9.2.0": + version: 9.2.0 + resolution: "@mui/system@npm:9.2.0" + dependencies: + "@babel/runtime": "npm:^7.29.2" + "@mui/private-theming": "npm:^9.2.0" + "@mui/styled-engine": "npm:^9.1.1" + "@mui/types": "npm:^9.1.1" + "@mui/utils": "npm:^9.2.0" + clsx: "npm:^2.1.1" + csstype: "npm:^3.2.3" + prop-types: "npm:^15.8.1" + peerDependencies: + "@emotion/react": ^11.5.0 + "@emotion/styled": ^11.3.0 + "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + "@emotion/react": + optional: true + "@emotion/styled": + optional: true + "@types/react": + optional: true + checksum: 10c0/ff7edecadfbd6a746ba8a401b68a32ddf0439d5caeeef27ebdd4a305ceb0d8c532276d03d2965c6cac75a4a80c7be7903830309b509839722ac8f0799aae6276 + languageName: node + linkType: hard + "@mui/types@npm:^7.4.12, @mui/types@npm:^7.4.6": version: 7.4.12 resolution: "@mui/types@npm:7.4.12" @@ -7478,6 +7586,20 @@ __metadata: languageName: node linkType: hard +"@mui/types@npm:^9.1.1": + version: 9.1.1 + resolution: "@mui/types@npm:9.1.1" + dependencies: + "@babel/runtime": "npm:^7.29.2" + peerDependencies: + "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/83cb89cafba0c55c909a8a89bd165550a71f92a67bbd191823b6ec304e5f59b43438052fecc4f69cc27e4e557c6bce3d5a073b9f5d5787d62d8cdc055e479905 + languageName: node + linkType: hard + "@mui/types@npm:~7.2.15": version: 7.2.24 resolution: "@mui/types@npm:7.2.24" @@ -7590,6 +7712,26 @@ __metadata: languageName: node linkType: hard +"@mui/utils@npm:^9.2.0": + version: 9.2.0 + resolution: "@mui/utils@npm:9.2.0" + dependencies: + "@babel/runtime": "npm:^7.29.2" + "@mui/types": "npm:^9.1.1" + "@types/prop-types": "npm:^15.7.15" + clsx: "npm:^2.1.1" + prop-types: "npm:^15.8.1" + react-is: "npm:^19.2.6" + peerDependencies: + "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/fb2a0b7f0bd24e0027f218743d03eb69d1067dfb4faccbe0483580dee5a0c6023c8b1e4611bc9810d704a01d06f2da699912f8080deccef8ae2460b5ab928170 + languageName: node + linkType: hard + "@mui/x-data-grid@npm:^8.7.0": version: 8.16.0 resolution: "@mui/x-data-grid@npm:8.16.0" @@ -12381,15 +12523,6 @@ __metadata: languageName: node linkType: hard -"@types/mui-image@npm:^1.0.5": - version: 1.0.5 - resolution: "@types/mui-image@npm:1.0.5" - dependencies: - "@types/react": "npm:*" - checksum: 10c0/ac81f6e290571a7534271464203d6ab92d997ebb266c35b7611adbcc12c3ee5a0f65d67e072f234f3689cc38903e8c94d785fc164ca987f19e6b33b51083daed - languageName: node - linkType: hard - "@types/node@npm:*, @types/node@npm:>=13.7.0, @types/node@npm:>=18, @types/node@npm:>=18.0.0, @types/node@npm:>=8.1.0": version: 24.10.0 resolution: "@types/node@npm:24.10.0" @@ -25088,19 +25221,6 @@ __metadata: languageName: node linkType: hard -"mui-image@npm:^1.0.7": - version: 1.0.9 - resolution: "mui-image@npm:1.0.9" - peerDependencies: - "@emotion/react": ^11.4.1 - "@emotion/styled": ^11.3.0 - "@mui/material": ^5.0.1 || ^6.0.0 || ^7.0.0 - prop-types: ^15.7.2 - react: ^17.0.2 || ^18.0.0 || ^19.0.0 - checksum: 10c0/ad17200a32c3633776ee8351d2071ee7e38faaf41b2e1c26673cab75a2a1f6a94d6d2939d34ec65ba9b088fc34d55b56798afd71e9753818e2079306992ce3d1 - languageName: node - linkType: hard - "multer@npm:2.0.2": version: 2.0.2 resolution: "multer@npm:2.0.2" @@ -27578,6 +27698,13 @@ __metadata: languageName: node linkType: hard +"react-is@npm:^19.2.6": + version: 19.2.7 + resolution: "react-is@npm:19.2.7" + checksum: 10c0/419fe54d5bd7fdf5414a5bb7bd9a1e0e36f9fae28ffb4cb73290fbe342bde15d8584a90d1db62547f6aa03018dce517b178a041abb522136cd4b4b51b4e94c83 + languageName: node + linkType: hard + "react-loading-skeleton@npm:^3.3.1": version: 3.5.0 resolution: "react-loading-skeleton@npm:3.5.0" From 18143ac15096e3ae0c2d84dc8a9376c7d4b5abcf Mon Sep 17 00:00:00 2001 From: KirillKirill Date: Fri, 10 Jul 2026 16:29:08 +0300 Subject: [PATCH 3/5] fix: wrong import --- .../src/shared/components/ui/table/table-header-cell.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-cell.tsx b/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-cell.tsx index b6730efb98..a0dfa345b0 100644 --- a/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-cell.tsx +++ b/packages/apps/human-app/frontend/src/shared/components/ui/table/table-header-cell.tsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import Popover from '@mui/material/Popover'; -import type { TableCellBaseProps } from '@mui/material/TableCell/TableCell'; +import type { TableCellBaseProps } from '@mui/material/TableCell'; import { type IconType, TextHeaderWithIcon } from '../text-header-with-icon'; type CommonProps = TableCellBaseProps & { From e836ab05bf58ed32f064885b3bedfc3f693474cf Mon Sep 17 00:00:00 2001 From: KirillKirill Date: Fri, 10 Jul 2026 17:00:27 +0300 Subject: [PATCH 4/5] fix: address copilot feedback --- packages/apps/human-app/frontend/package.json | 2 +- .../homepage/components/operator-sign-in.tsx | 1 - .../layout/protected/page-header.tsx | 2 +- .../data-entry/password/password.tsx | 2 +- yarn.lock | 18 +++++++++++++++++- 5 files changed, 20 insertions(+), 5 deletions(-) diff --git a/packages/apps/human-app/frontend/package.json b/packages/apps/human-app/frontend/package.json index 7d8fd7bce6..ab90b69bec 100644 --- a/packages/apps/human-app/frontend/package.json +++ b/packages/apps/human-app/frontend/package.json @@ -25,7 +25,7 @@ "@hcaptcha/react-hcaptcha": "^1.14.0", "@hookform/resolvers": "^5.1.0", "@human-protocol/sdk": "workspace:*", - "@mui/icons-material": "^7.3.8", + "@mui/icons-material": "^9.2.0", "@mui/material": "^9.2.0", "@mui/x-date-pickers": "^9.2.0", "@reown/appkit": "^1.8.20", diff --git a/packages/apps/human-app/frontend/src/modules/homepage/components/operator-sign-in.tsx b/packages/apps/human-app/frontend/src/modules/homepage/components/operator-sign-in.tsx index a09315b084..2c215be780 100644 --- a/packages/apps/human-app/frontend/src/modules/homepage/components/operator-sign-in.tsx +++ b/packages/apps/human-app/frontend/src/modules/homepage/components/operator-sign-in.tsx @@ -26,7 +26,6 @@ export function OperatorSignIn() { }, [address, isConnected, signInMutation]); const getSnackBar = () => { - console.log('1'); return ( { - if (e.key === 'Space') { + if (e.key === ' ' || e.code === 'Space') { e.preventDefault(); e.stopPropagation(); } diff --git a/yarn.lock b/yarn.lock index 92c620480e..487e4236d4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -425,7 +425,7 @@ __metadata: "@hcaptcha/react-hcaptcha": "npm:^1.14.0" "@hookform/resolvers": "npm:^5.1.0" "@human-protocol/sdk": "workspace:*" - "@mui/icons-material": "npm:^7.3.8" + "@mui/icons-material": "npm:^9.2.0" "@mui/material": "npm:^9.2.0" "@mui/x-date-pickers": "npm:^9.2.0" "@reown/appkit": "npm:^1.8.20" @@ -7054,6 +7054,22 @@ __metadata: languageName: node linkType: hard +"@mui/icons-material@npm:^9.2.0": + version: 9.2.0 + resolution: "@mui/icons-material@npm:9.2.0" + dependencies: + "@babel/runtime": "npm:^7.29.2" + peerDependencies: + "@mui/material": ^9.2.0 + "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 10c0/7fc499bdb1018f90c028983da136810ec7d0a9a9ecc7b40773d9c2d8c5d76c4c765d3859de2d9e3cccd9b0c44961d9a17417fbda9a68874f2bff5a471e1bd62f + languageName: node + linkType: hard + "@mui/lab@npm:^7.0.0-beta.17": version: 7.0.0-beta.17 resolution: "@mui/lab@npm:7.0.0-beta.17" From 36cd83bba6e86f2848c976ed76a956ba504c4d6d Mon Sep 17 00:00:00 2001 From: KirillKirill Date: Fri, 10 Jul 2026 17:21:05 +0300 Subject: [PATCH 5/5] chore: update typescript to v6 --- packages/apps/human-app/frontend/package.json | 2 +- yarn.lock | 22 ++++++++++++++++++- 2 files changed, 22 insertions(+), 2 deletions(-) diff --git a/packages/apps/human-app/frontend/package.json b/packages/apps/human-app/frontend/package.json index ab90b69bec..f3c078cde3 100644 --- a/packages/apps/human-app/frontend/package.json +++ b/packages/apps/human-app/frontend/package.json @@ -77,7 +77,7 @@ "husky": "^9.1.6", "jsdom": "^29.1.1", "prettier": "^3.8.1", - "typescript": "^5.6.3", + "typescript": "^6.0.2", "typescript-eslint": "^8.57.0", "vite": "^6.2.4", "vitest": "^4.0.18" diff --git a/yarn.lock b/yarn.lock index 487e4236d4..8243482728 100644 --- a/yarn.lock +++ b/yarn.lock @@ -469,7 +469,7 @@ __metadata: react-number-format: "npm:^5.4.5" react-router-dom: "npm:^7.18.0" serve: "npm:^14.2.6" - typescript: "npm:^5.6.3" + typescript: "npm:^6.0.2" typescript-eslint: "npm:^8.57.0" viem: "npm:^2.52.2" vite: "npm:^6.2.4" @@ -31092,6 +31092,16 @@ __metadata: languageName: node linkType: hard +"typescript@npm:^6.0.2": + version: 6.0.3 + resolution: "typescript@npm:6.0.3" + bin: + tsc: bin/tsc + tsserver: bin/tsserver + checksum: 10c0/4a25ff5045b984370f48f196b3a0120779b1b343d40b9a68d114ea5e5fff099809b2bb777576991a63a5cd59cf7bffd96ff6fe10afcefbcb8bd6fb96ad4b6606 + languageName: node + linkType: hard + "typescript@patch:typescript@npm%3A5.9.3#optional!builtin, typescript@patch:typescript@npm%3A^5.5.4#optional!builtin, typescript@patch:typescript@npm%3A^5.6.3#optional!builtin, typescript@patch:typescript@npm%3A^5.8.3#optional!builtin, typescript@patch:typescript@npm%3A^5.9.2#optional!builtin": version: 5.9.3 resolution: "typescript@patch:typescript@npm%3A5.9.3#optional!builtin::version=5.9.3&hash=5786d5" @@ -31102,6 +31112,16 @@ __metadata: languageName: node linkType: hard +"typescript@patch:typescript@npm%3A^6.0.2#optional!builtin": + version: 6.0.3 + resolution: "typescript@patch:typescript@npm%3A6.0.3#optional!builtin::version=6.0.3&hash=5786d5" + bin: + tsc: bin/tsc + tsserver: bin/tsserver + checksum: 10c0/2f25c74e65663c248fa1ade2b8459d9ce5372ff9dad07067310f132966ebec1d93f6c42f0baf77a6b6a7a91460463f708e6887013aaade22111037457c6b25df + languageName: node + linkType: hard + "typical@npm:^4.0.0": version: 4.0.0 resolution: "typical@npm:4.0.0"