Skip to content

Commit f74b19d

Browse files
ch264ch264
authored
Merge pull request #175 from postmanlabs/mktg-2855
[mktg-2855][c] update navbar for April 17 release
2 parents 7c59a5c + c2b70a2 commit f74b19d

File tree

5 files changed

+65
-17
lines changed

5 files changed

+65
-17
lines changed

‎build/footerDev.json

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,14 @@
2323
"label": "enterprise",
2424
"ariaLabel": "Read more about Postman enterprise"
2525
},
26+
{
27+
"title": "Spec Hub",
28+
"url": "https://www.postman.com/product/spec-hub/",
29+
"category": "global-footer",
30+
"label": "Spec Hub",
31+
"ariaLabel": "Read more about Postman Spec Hub",
32+
"badge": "new"
33+
},
2634
{
2735
"title": "Flows",
2836
"url": "https://www.postman.com/product/flows/",
@@ -39,14 +47,14 @@
3947
},
4048
{
4149
"title": "VS Code extension",
42-
"url": "https://www.postman.com/downloads/#postman-vs-code-extension",
50+
"url": "https://www.postman.com/downloads/#other-downloads",
4351
"category": "global-footer",
4452
"label": "vs-extension",
4553
"ariaLabel": "Read more about Postman VS Code extension"
4654
},
4755
{
4856
"title": "Postman CLI",
49-
"url": "https://www.postman.com/downloads/#postman-cli/",
57+
"url": "https://www.postman.com/downloads/#work-from-the-command-line",
5058
"category": "global-footer",
5159
"label": "postman-cli",
5260
"ariaLabel": "Read more about Postman cli."

‎build/navbarDev.json

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -28,20 +28,29 @@
2828
]
2929
},
3030
{
31-
"title": "API Platform Features",
31+
"title": "Features",
3232
"subItemsCol": [
3333
{
34-
"title": "AI Agent Builder",
35-
"url": "https://www.postman.com/product/ai-agent-builder/"
34+
"title": "Platform Overview",
35+
"url": "https://www.postman.com/product/platform/"
36+
},
37+
{
38+
"title": "Spec Hub",
39+
"url": "https://www.postman.com/product/spec-hub/",
40+
"badge": "new"
3641
},
3742
{
3843
"title": "Collections",
39-
"url": "https://www.postman.com/collection/"
44+
"url": "https://www.postman.com/product/collections/"
4045
},
4146
{
4247
"title": "Workspaces",
4348
"url": "https://www.postman.com/product/workspaces/"
4449
},
50+
{
51+
"title": "API Client",
52+
"url": "https://www.postman.com/product/api-client/"
53+
},
4554
{
4655
"title": "Partner Workspaces",
4756
"url": "https://www.postman.com/product/partner-workspaces/"
@@ -51,11 +60,11 @@
5160
"url": "https://www.postman.com/product/postbot/"
5261
},
5362
{
54-
"title": "API Client",
55-
"url": "https://www.postman.com/product/api-client/"
63+
"title": "AI Agent Builder",
64+
"url": "https://www.postman.com/product/ai-agent-builder/"
5665
},
5766
{
58-
"title": "Browse API Tools",
67+
"title": "More Resources",
5968
"url": "https://www.postman.com/product/tools/"
6069
}
6170
]

‎src/components/Footer/Footer.jsx

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -189,7 +189,10 @@ const Footer = () => {
189189
triggerGA(link.category, link.label)
190190
}}
191191
>
192-
{link.title}
192+
<span>{link.title}</span>
193+
{link.badge && (
194+
<span className="badge">{link.badge}</span>
195+
)}
193196
</FooterLinkStyles>
194197
</ColumnRow>
195198
))) ||
@@ -222,7 +225,10 @@ const Footer = () => {
222225
triggerGA(link.category, link.label)
223226
}}
224227
>
225-
{link.title}
228+
<span>{link.title}</span>
229+
{link.badge && (
230+
<span className="badge">{link.badge}</span>
231+
)}
226232
</FooterLinkStyles>
227233
</ColumnRow>
228234
))) ||
@@ -256,7 +262,10 @@ const Footer = () => {
256262
triggerGA(link.category, link.label)
257263
}}
258264
>
259-
{link.title}
265+
<span>{link.title}</span>
266+
{link.badge && (
267+
<span className="badge">{link.badge}</span>
268+
)}
260269
</FooterLinkStyles>
261270
</ColumnRow>
262271
))) ||
@@ -286,7 +295,10 @@ const Footer = () => {
286295
triggerGA(link.category, link.label)
287296
}}
288297
>
289-
{link.title}
298+
<span>{link.title}</span>
299+
{link.badge && (
300+
<span className="badge">{link.badge}</span>
301+
)}
290302
</FooterLinkStyles>
291303
</ColumnRow>
292304
))) ||
@@ -315,7 +327,10 @@ const Footer = () => {
315327
triggerGA(link.category, link.label)
316328
}}
317329
>
318-
{link.title}
330+
<span>{link.title}</span>
331+
{link.badge && (
332+
<span className="badge">{link.badge}</span>
333+
)}
319334
</FooterLinkStyles>
320335
</ColumnRow>
321336
))) ||

‎src/components/Header/Header.jsx

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ const Header = (props) => {
100100
const [beta, setBeta] = useState('');
101101
const [cookie, setCookie] = useState('');
102102
const [hidden, setHidden] = useState(true);
103-
const [data, setData] = useState(navbarData);
103+
const [data, setData] = useState(navbarDataLocal);
104104
const [dataDropdown, setDataDropdown] = useState(navbarData);
105105
const [visibleHelloBar] = useState();
106106

@@ -115,7 +115,7 @@ const Header = (props) => {
115115
const navtopicsdropdownKeys = ['items', 'type']
116116

117117
if (navbarKeys.every(key => Object.keys(navbarData).includes(key))) {
118-
setData(navbarData)
118+
setData(navbarDataLocal)
119119
} else {
120120
setData(navbarDataLocal)
121121
}
@@ -334,7 +334,10 @@ const Header = (props) => {
334334
href={link.url}
335335
key={link.title}
336336
>
337-
{link.title}
337+
<span>{link.title}</span>
338+
{link.badge && (
339+
<span className="badge">{link.badge}</span>
340+
)}
338341
</a>
339342
))}
340343
</div>

‎styles/globalStyle.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -358,5 +358,18 @@ small,
358358
font-size: 14px;
359359
line-height: 1.5714285714; /* 22px */
360360
}
361+
362+
.badge {
363+
margin-left: 0.8rem; /* ml-2 */
364+
border-radius: 0.5rem; /* rounded */
365+
border: 1px solid #6f2cba; /* border border-[#e4d8f6] */
366+
padding: 3px 9px; /* px-1 */
367+
font-size: 10px; /* text-[10px] */
368+
text-transform: uppercase; /* uppercase */
369+
color: #6f2cba; /* grey-50 */
370+
font-weight: 400;
371+
font-size: 12px;
372+
line-height: 18px;
373+
}
361374
`
362375
export default GlobalStyle;

0 commit comments

Comments
 (0)