@graphcommerce/next-ui 3.14.5 → 3.14.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AppShell/Footer/index.tsx +4 -22
- package/package.json +2 -2
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import { ContainerProps, Theme, makeStyles, Container } from '@material-ui/core'
|
|
2
|
-
import clsx from 'clsx'
|
|
3
2
|
import React from 'react'
|
|
4
3
|
import { UseStyles } from '../../Styles'
|
|
5
4
|
|
|
6
5
|
const useStyles = makeStyles(
|
|
7
6
|
(theme: Theme) => ({
|
|
8
7
|
footer: {
|
|
9
|
-
gridTemplateColumns: '
|
|
8
|
+
gridTemplateColumns: '5fr 3fr',
|
|
10
9
|
gridTemplateAreas: `
|
|
11
10
|
'social switcher'
|
|
12
11
|
'links support'
|
|
13
12
|
`,
|
|
14
13
|
borderTop: `1px solid ${theme.palette.divider}`,
|
|
15
|
-
padding: `${theme.page.vertical} ${theme.page.horizontal}
|
|
14
|
+
padding: `${theme.page.vertical} ${theme.page.horizontal}`,
|
|
16
15
|
display: 'grid',
|
|
17
16
|
gap: theme.spacings.xs,
|
|
18
17
|
alignItems: 'center',
|
|
@@ -36,11 +35,6 @@ const useStyles = makeStyles(
|
|
|
36
35
|
justifyContent: 'space-between',
|
|
37
36
|
},
|
|
38
37
|
},
|
|
39
|
-
disableMargin: {
|
|
40
|
-
[theme.breakpoints.down('xs')]: {
|
|
41
|
-
marginBottom: 0,
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
38
|
copyright: {
|
|
45
39
|
display: 'grid',
|
|
46
40
|
gridAutoFlow: 'column',
|
|
@@ -86,7 +80,6 @@ const useStyles = makeStyles(
|
|
|
86
80
|
)
|
|
87
81
|
|
|
88
82
|
type FooterProps = UseStyles<typeof useStyles> & {
|
|
89
|
-
disableMargin?: boolean
|
|
90
83
|
storeSwitcher?: React.ReactNode
|
|
91
84
|
socialLinks?: React.ReactElement
|
|
92
85
|
customerService?: React.ReactNode
|
|
@@ -94,22 +87,11 @@ type FooterProps = UseStyles<typeof useStyles> & {
|
|
|
94
87
|
} & Omit<ContainerProps, 'children'>
|
|
95
88
|
|
|
96
89
|
export default function Footer(props: FooterProps) {
|
|
97
|
-
const {
|
|
98
|
-
disableMargin,
|
|
99
|
-
socialLinks,
|
|
100
|
-
storeSwitcher,
|
|
101
|
-
customerService,
|
|
102
|
-
copyright,
|
|
103
|
-
...containerProps
|
|
104
|
-
} = props
|
|
90
|
+
const { socialLinks, storeSwitcher, customerService, copyright, ...containerProps } = props
|
|
105
91
|
const classes = useStyles(props)
|
|
106
92
|
|
|
107
93
|
return (
|
|
108
|
-
<Container
|
|
109
|
-
maxWidth={false}
|
|
110
|
-
className={clsx(classes.footer, disableMargin && classes.disableMargin)}
|
|
111
|
-
{...containerProps}
|
|
112
|
-
>
|
|
94
|
+
<Container maxWidth={false} className={classes.footer} {...containerProps}>
|
|
113
95
|
<div className={classes.social}>{socialLinks}</div>
|
|
114
96
|
<div className={classes.storeSwitcher}>{storeSwitcher}</div>
|
|
115
97
|
<div className={classes.support}>{customerService}</div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@graphcommerce/next-ui",
|
|
3
|
-
"version": "3.14.
|
|
3
|
+
"version": "3.14.6",
|
|
4
4
|
"author": "",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"scripts": {
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"project": "./tsconfig.json"
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "16fea60d75deb4aa038a072a86b43771fb6595f8"
|
|
57
57
|
}
|