qpp-style 2.0.0-beta.0 → 2.0.0-beta.2
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/components/Header/HeaderUI.jsx +4 -26
- package/dist/browser.js +1 -1
- package/dist/browser.js.LICENSE.txt +40 -0
- package/dist/browser.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.LICENSE.txt +40 -0
- package/dist/index.js.map +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/index.js.map +1 -1
- package/package.json +1 -1
- package/webpack.config.js +0 -4
|
@@ -4,7 +4,6 @@ import HeaderAccountMenu from "./HeaderAccountMenu.jsx";
|
|
|
4
4
|
import HeaderCancel from "./HeaderCancel.jsx";
|
|
5
5
|
import HeaderContainer from "./HeaderContainer";
|
|
6
6
|
import HeaderMenuItem from "./HeaderMenuItem";
|
|
7
|
-
import HeaderMobileButton from "./HeaderMobileButton";
|
|
8
7
|
import ImpersonatorBanner from "./ImpersonatorBanner";
|
|
9
8
|
import PreviewBanner from "./PreviewBanner.jsx";
|
|
10
9
|
import HeaderSearchBar from "../HeaderSearchBar";
|
|
@@ -22,7 +21,6 @@ const HeaderUI = ({
|
|
|
22
21
|
RouterLink = null,
|
|
23
22
|
isIESupportPage = false,
|
|
24
23
|
}) => {
|
|
25
|
-
const [isMobileMenuExpanded, setIsMobileMenuExpanded] = useState(false);
|
|
26
24
|
const [headerContent, setHeaderContent] = useState({});
|
|
27
25
|
const windowWidth = useWindowWidth();
|
|
28
26
|
|
|
@@ -84,10 +82,7 @@ const HeaderUI = ({
|
|
|
84
82
|
isIESupportPage={isIESupportPage}
|
|
85
83
|
isDevPre={isDevPre}
|
|
86
84
|
>
|
|
87
|
-
<nav
|
|
88
|
-
aria-label="Primary navigation"
|
|
89
|
-
hidden={!isMobileMenuExpanded && windowWidth < 768}
|
|
90
|
-
>
|
|
85
|
+
<nav aria-label="Primary navigation">
|
|
91
86
|
<ul className="navigation-menu">
|
|
92
87
|
<HeaderAccountMenu isDevPre isLoginEnabled={isLoginEnabled} />
|
|
93
88
|
</ul>
|
|
@@ -104,29 +99,12 @@ const HeaderUI = ({
|
|
|
104
99
|
<HeaderSearchBar />
|
|
105
100
|
</div>
|
|
106
101
|
) : null}
|
|
107
|
-
<
|
|
108
|
-
handleClick={() => setIsMobileMenuExpanded(!isMobileMenuExpanded)}
|
|
109
|
-
isMobileMenuExpanded={isMobileMenuExpanded}
|
|
110
|
-
/>
|
|
111
|
-
<nav
|
|
112
|
-
aria-label="Primary navigation"
|
|
113
|
-
hidden={!isMobileMenuExpanded && windowWidth < 768}
|
|
114
|
-
>
|
|
102
|
+
<nav aria-label="Primary navigation">
|
|
115
103
|
<ul className="navigation-menu navigation-new-style">
|
|
116
104
|
{content.map((header) => (
|
|
117
|
-
<HeaderMenuItem
|
|
118
|
-
handleClick={() => {
|
|
119
|
-
setIsMobileMenuExpanded(!isMobileMenuExpanded);
|
|
120
|
-
}}
|
|
121
|
-
isMobileMenuExpanded={isMobileMenuExpanded}
|
|
122
|
-
key={header.name}
|
|
123
|
-
{...header}
|
|
124
|
-
/>
|
|
105
|
+
<HeaderMenuItem key={header.name} {...header} />
|
|
125
106
|
))}
|
|
126
|
-
<HeaderAccountMenu
|
|
127
|
-
handleClick={() => setIsMobileMenuExpanded(!isMobileMenuExpanded)}
|
|
128
|
-
isLoginEnabled={isLoginEnabled}
|
|
129
|
-
/>
|
|
107
|
+
<HeaderAccountMenu isLoginEnabled={isLoginEnabled} />
|
|
130
108
|
</ul>
|
|
131
109
|
</nav>
|
|
132
110
|
</HeaderContainer>
|