Skip to content

Commit 882d33f

Browse files
committed
major package bumps + script to update lockfiles
1 parent 99795ae commit 882d33f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

58 files changed

+18793
-16569
lines changed

client/.eslintrc.cjs

Lines changed: 0 additions & 21 deletions
This file was deleted.

client/package-lock.json

Lines changed: 817 additions & 278 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

client/package.json

Lines changed: 22 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -13,49 +13,50 @@
1313
},
1414
"dependencies": {
1515
"@apollo/brand": "^0.0.5",
16-
"@apollo/client": "^3.8.7",
16+
"@apollo/client": "^3.13.8",
1717
"@apollo/persisted-query-lists": "^1.0.0",
18-
"@chakra-ui/icons": "^2.1.1",
18+
"@chakra-ui/icons": "^2.2.4",
1919
"@chakra-ui/react": "^2.8.2",
20-
"@emotion/react": "^11.11.1",
21-
"@emotion/styled": "^11.11.0",
22-
"@fontsource/fira-code": "^5.0.15",
23-
"@fontsource/inter": "^5.0.15",
24-
"@fontsource/space-grotesk": "^5.0.15",
20+
"@emotion/react": "^11.14.0",
21+
"@emotion/styled": "^11.14.0",
22+
"@fontsource/fira-code": "^5.2.5",
23+
"@fontsource/inter": "^5.2.5",
24+
"@fontsource/space-grotesk": "^5.2.5",
2525
"@types/react-router": "^5.1.20",
2626
"@types/react-router-dom": "^5.3.3",
27-
"clsx": "^2.0.0",
28-
"framer-motion": "^10.16.4",
27+
"clsx": "^2.1.1",
28+
"framer-motion": "^12.9.2",
2929
"localforage": "^1.10.0",
30-
"match-sorter": "^6.3.1",
30+
"match-sorter": "^8.0.0",
3131
"react": "^18.2.0",
3232
"react-dom": "^18.2.0",
3333
"react-router-dom": "^6.18.0",
3434
"sort-by": "^0.0.2"
3535
},
3636
"devDependencies": {
3737
"@apollo/generate-persisted-query-manifest": "^1.1.0",
38-
"@types/node": "^20.11.5",
38+
"@types/node": "^22.15.3",
3939
"@types/react": "^18.2.15",
4040
"@types/react-dom": "^18.2.7",
4141
"@types/react-show-more-text": "^1.4.5",
42-
"@typescript-eslint/eslint-plugin": "^6.0.0",
43-
"@typescript-eslint/parser": "^6.0.0",
44-
"@vitejs/plugin-react-swc": "^3.3.2",
42+
"@typescript-eslint/eslint-plugin": "^8.31.1",
43+
"@typescript-eslint/parser": "^8.31.1",
44+
"@vitejs/plugin-react-swc": "^3.9.0",
4545
"autoprefixer": "^10.4.16",
4646
"eslint": "^8.45.0",
47-
"eslint-config-prettier": "^9.0.0",
48-
"eslint-plugin-react": "^7.33.2",
49-
"eslint-plugin-react-hooks": "^4.6.0",
47+
"eslint-config-prettier": "^10.1.2",
48+
"eslint-plugin-react": "^7.37.5",
49+
"eslint-plugin-react-hooks": "^5.2.0",
5050
"eslint-plugin-react-refresh": "^0.4.3",
51-
"postcss": "^8.4.31",
52-
"prettier": "3.1.0",
51+
"globals": "^16.0.0",
52+
"postcss": "^8.5.3",
53+
"prettier": "3.5.3",
5354
"react-show-more-text": "^1.7.1",
5455
"tailwindcss": "^3.3.5",
55-
"typescript": "^5.0.2",
56+
"typescript": "^5.8.3",
5657
"vite": "^6.3.4"
5758
},
5859
"volta": {
59-
"node": "18.18.0"
60+
"node": "22.15.0"
6061
}
6162
}

client/src/components/Header/Header.tsx

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import {
88
useColorModeValue,
99
Stack,
1010
Heading,
11-
Text
11+
Text,
1212
} from '@chakra-ui/react'
1313
import { HamburgerIcon, CloseIcon } from '@chakra-ui/icons'
1414
import Logo from '../Icons/Logo'
@@ -59,21 +59,29 @@ export default function Header() {
5959
<IconButton
6060
size={'md'}
6161
icon={isOpen ? <CloseIcon /> : <HamburgerIcon />}
62-
bgColor={"orange.400"}
62+
bgColor={'orange.400'}
6363
aria-label={'Open Menu'}
6464
display={{ md: 'none' }}
6565
onClick={isOpen ? onClose : onOpen}
6666
/>
6767
<HStack spacing={8} alignItems={'center'}>
68-
<HStack as={'nav'} spacing={4} display={{ base: 'none', md: 'flex' }}>
68+
<HStack
69+
as={'nav'}
70+
spacing={4}
71+
display={{ base: 'none', md: 'flex' }}
72+
>
6973
<Link to="/home">
7074
<Logo fill={useColorModeValue('beige.400', 'navy.400')} />
7175
</Link>
7276
<Link to="/home">
73-
<Heading size={"lg"}>{STORE_NAME}</Heading>
77+
<Heading size={'lg'}>{STORE_NAME}</Heading>
7478
</Link>
7579
</HStack>
76-
<HStack as={'nav'} spacing={4} display={{ base: 'none', md: 'flex' }}>
80+
<HStack
81+
as={'nav'}
82+
spacing={4}
83+
display={{ base: 'none', md: 'flex' }}
84+
>
7785
{LINKS.map((link) => (
7886
<Link to={`/${link.toLowerCase()}`} key={link}>
7987
<Text fontWeight={600}>{link}</Text>

client/src/components/Header/LoggedInMenu.tsx

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,8 @@ const ColorModeToggle = () => {
2323
return (
2424
<Button
2525
size={'md'}
26-
color={colorMode === 'light' ? "orange.400" : "navy.400"}
27-
bgColor={colorMode === 'light' ? "beige.400" : "orange.400"}
26+
color={colorMode === 'light' ? 'orange.400' : 'navy.400'}
27+
bgColor={colorMode === 'light' ? 'beige.400' : 'orange.400'}
2828
onClick={toggleColorMode}
2929
>
3030
{colorMode === 'light' ? <MoonIcon /> : <SunIcon />}
@@ -33,12 +33,9 @@ const ColorModeToggle = () => {
3333
}
3434

3535
export default function LoggedInMenu() {
36-
const { logout } = useAuth();
36+
const { logout } = useAuth()
3737
return (
38-
<Flex
39-
alignItems={'center'}
40-
width={"275px"}
41-
>
38+
<Flex alignItems={'center'} width={'275px'}>
4239
<Menu>
4340
<MenuButton
4441
as={Button}
@@ -47,7 +44,7 @@ export default function LoggedInMenu() {
4744
cursor={'pointer'}
4845
minW={0}
4946
>
50-
<HStack color={useColorModeValue("beige.400", "navy.400")}>
47+
<HStack color={useColorModeValue('beige.400', 'navy.400')}>
5148
<Text>Welcome</Text>
5249
<Avatar
5350
size={'md'}
@@ -68,8 +65,8 @@ export default function LoggedInMenu() {
6865
<Spacer />
6966
<Button
7067
variant={'solid'}
71-
bgColor={"orange.400"}
72-
color={"navy.400"}
68+
bgColor={'orange.400'}
69+
color={'navy.400'}
7370
size={'md'}
7471
mr={4}
7572
leftIcon={<AddIcon />}

client/src/components/Header/LoggedOutMenu.tsx

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,20 @@
11
import { Link } from 'react-router-dom'
2-
import {
3-
Flex,
4-
Spacer,
5-
Button,
6-
} from '@chakra-ui/react'
2+
import { Flex, Spacer, Button } from '@chakra-ui/react'
73
import { AddIcon } from '@chakra-ui/icons'
84
import { ShoppingCart } from '../Icons/ShoppingCart'
95

10-
const link = "Login"
6+
const link = 'Login'
117
export default function LoggedOutMenu() {
128
return (
13-
<Flex alignItems={'center'} width={"200px"}>
9+
<Flex alignItems={'center'} width={'200px'}>
1410
<Link to={`/${link.toLowerCase()}`} key={link}>
1511
Hello, sign in
1612
</Link>
1713
<Spacer />
1814
<Button
1915
variant={'solid'}
20-
bgColor={"orange.400"}
21-
color={"navy.400"}
16+
bgColor={'orange.400'}
17+
color={'navy.400'}
2218
size={'sm'}
2319
mr={4}
2420
leftIcon={<AddIcon />}

client/src/components/Icons/Logo.tsx

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,20 @@ const Logo = (props: Props) => {
1212
const colorValue = useToken('colors', fill)
1313

1414
return (
15-
<svg id="logo-84" width="40" height="28" viewBox="0 0 40 28" xmlns="http://www.w3.org/2000/svg" fill={colorValue}>
15+
<svg
16+
id="logo-84"
17+
width="40"
18+
height="28"
19+
viewBox="0 0 40 28"
20+
xmlns="http://www.w3.org/2000/svg"
21+
fill={colorValue}
22+
>
1623
<path
1724
className="ccustom"
1825
fillRule="evenodd"
1926
clipRule="evenodd"
2027
d="M9.98578 4.11462L0 14C1.99734 15.9773 4.27899 17.6437 6.76664 18.9474C7.45424 20.753 8.53203 22.4463 10 23.8995C15.5229 29.3668 24.4772 29.3668 30 23.8995C31.468 22.4463 32.5458 20.753 33.2334 18.9473C35.721 17.6437 38.0027 15.9773 40 14L30.0223 4.12266C30.0149 4.11527 30.0075 4.10788 30 4.1005C24.4772 -1.36683 15.5229 -1.36683 10 4.1005C9.99527 4.10521 9.99052 4.10991 9.98578 4.11462ZM29.0445 20.7309C26.1345 21.7031 23.0797 22.201 20 22.201C16.9203 22.201 13.8656 21.7031 10.9556 20.7309C11.2709 21.145 11.619 21.5424 12 21.9196C16.4183 26.2935 23.5817 26.2935 28 21.9196C28.381 21.5424 28.7292 21.145 29.0445 20.7309ZM12.2051 5.8824C12.9554 6.37311 13.7532 6.79302 14.588 7.13536C16.3038 7.83892 18.1428 8.20104 20 8.20104C21.8572 8.20104 23.6962 7.83892 25.412 7.13536C26.2468 6.79302 27.0446 6.3731 27.795 5.88238C23.4318 1.77253 16.5682 1.77254 12.2051 5.8824Z"
21-
>
22-
</path>
28+
></path>
2329
</svg>
2430
)
2531
}

0 commit comments

Comments
 (0)