diff --git a/package.json b/package.json index 03588c636..59559a191 100644 --- a/package.json +++ b/package.json @@ -108,6 +108,7 @@ "@graphql-tools/load": "^8.0.0", "@monaco-editor/react": "^4.5.1", "@mui/icons-material": "^5.14.0", + "@mui/lab": "^5.0.0-alpha.160", "@mui/material": "^5.14.0", "@rainb0w-clwn/passport-telegram-official": "^2.0.2", "@rm/config": "*", diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 1a5ca1502..6523efe9d 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -483,6 +483,13 @@ input[type='time']::-webkit-calendar-picker-indicator { grid-template-columns: 25% 75%; } +.profile-container { + display: grid; + grid-template-columns: 100%; + grid-template-rows: 100; + height: 100%; +} + @media screen and (max-width: 600px) { .container { display: grid; @@ -501,6 +508,11 @@ input[type='time']::-webkit-calendar-picker-indicator { grid-template-rows: max-content 1fr; } +.gym-badge-grid { + display: grid; + grid-template-rows: max-content max-content 1fr; +} + .vgrid-item { display: grid; grid-template-columns: 1fr 1fr 1fr; diff --git a/src/components/layout/dialogs/filters/Advanced.jsx b/src/components/layout/dialogs/filters/Advanced.jsx index 2329469ba..8d86f440e 100644 --- a/src/components/layout/dialogs/filters/Advanced.jsx +++ b/src/components/layout/dialogs/filters/Advanced.jsx @@ -78,7 +78,7 @@ export default function AdvancedFilter() { if (!save) { setFilters({ ...backup.current }) } else if (id === 'global' && selectedIds?.length && category) { - applyToAll(true, category, selectedIds, false) + applyToAll(filters, category, selectedIds, false) } } @@ -96,7 +96,7 @@ export default function AdvancedFilter() { color: 'secondary', }, ], - [standard, setFilters], + [standard, filters, setFilters], ) /** @type {import('@mui/material').SwitchProps['onChange']} */ diff --git a/src/components/layout/dialogs/profile/GymBadges.jsx b/src/components/layout/dialogs/profile/GymBadges.jsx index bd19c0bbe..56db35f29 100644 --- a/src/components/layout/dialogs/profile/GymBadges.jsx +++ b/src/components/layout/dialogs/profile/GymBadges.jsx @@ -44,7 +44,7 @@ export function UserGymBadges() { }, [data]) return data ? ( - + {t('gym_badges')} @@ -61,7 +61,7 @@ export function UserGymBadges() { ))} - + {(_, badge) => } @@ -75,7 +75,7 @@ function BadgeTile({ badge, ...gym }) { const badgeIcon = useMemory((s) => s.Icons.getMisc(`badge_${badge}`)) return badge ? ( - + { setTab(newValue) } @@ -42,36 +47,37 @@ export default function UserProfile() { action={handleClose} /> - ref && setTabsHeight(ref.clientHeight)} - > - + + ref && setTabsHeight(ref.clientHeight)} + > {['profile', 'badges', 'access'].map((each) => ( - + ))} - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + +