From fff5ed46464fa9c86a5897322bd2e1e194eeb292 Mon Sep 17 00:00:00 2001 From: Christina Hastenrath Date: Tue, 8 Apr 2025 16:34:47 +0200 Subject: [PATCH 1/3] [mktg-2855][c] update navbar for April 17 release --- build/navbarDev.json | 23 ++++++++++++++++------- src/components/Header/Header.jsx | 9 ++++++--- src/components/Header/HeaderStyles.jsx | 10 ++++++++++ 3 files changed, 32 insertions(+), 10 deletions(-) diff --git a/build/navbarDev.json b/build/navbarDev.json index 1ad27a92a..a53bc433d 100644 --- a/build/navbarDev.json +++ b/build/navbarDev.json @@ -28,20 +28,29 @@ ] }, { - "title": "API Platform Features", + "title": "Features", "subItemsCol": [ { - "title": "AI Agent Builder", - "url": "https://www.postman.com/product/ai-agent-builder/" + "title": "Platform Overview", + "url": "https://www.postman.com/product/platform/" + }, + { + "title": "Spec Hub", + "url": "https://www.postman.com/product/spec-hub/", + "badge": "new" }, { "title": "Collections", - "url": "https://www.postman.com/collection/" + "url": "https://www.postman.com/product/collections/" }, { "title": "Workspaces", "url": "https://www.postman.com/product/workspaces/" }, + { + "title": "API Client", + "url": "https://www.postman.com/product/api-client/" + }, { "title": "Partner Workspaces", "url": "https://www.postman.com/product/partner-workspaces/" @@ -51,11 +60,11 @@ "url": "https://www.postman.com/product/postbot/" }, { - "title": "API Client", - "url": "https://www.postman.com/product/api-client/" + "title": "AI Agent Builder", + "url": "https://www.postman.com/product/ai-agent-builder/" }, { - "title": "Browse API Tools", + "title": "More Resources", "url": "https://www.postman.com/product/tools/" } ] diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx index e0008e219..fd095fac8 100644 --- a/src/components/Header/Header.jsx +++ b/src/components/Header/Header.jsx @@ -100,7 +100,7 @@ const Header = (props) => { const [beta, setBeta] = useState(''); const [cookie, setCookie] = useState(''); const [hidden, setHidden] = useState(true); - const [data, setData] = useState(navbarData); + const [data, setData] = useState(navbarDataLocal); const [dataDropdown, setDataDropdown] = useState(navbarData); const [visibleHelloBar] = useState(); @@ -115,7 +115,7 @@ const Header = (props) => { const navtopicsdropdownKeys = ['items', 'type'] if (navbarKeys.every(key => Object.keys(navbarData).includes(key))) { - setData(navbarData) + setData(navbarDataLocal) } else { setData(navbarDataLocal) } @@ -334,7 +334,10 @@ const Header = (props) => { href={link.url} key={link.title} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))} diff --git a/src/components/Header/HeaderStyles.jsx b/src/components/Header/HeaderStyles.jsx index eee9d3d8a..8e7f04e87 100644 --- a/src/components/Header/HeaderStyles.jsx +++ b/src/components/Header/HeaderStyles.jsx @@ -671,6 +671,16 @@ export const DropdownStyles = styled.div` font-weight: 600; margin-bottom: 0px; } + + .dropdown__badge { + margin-left: 0.5rem; /* ml-2 */ + border-radius: 0.25rem; /* rounded */ + border: 1px solid #e4d8f6; /* border border-[#e4d8f6] */ + padding: 0.5rem; /* px-1 */ + font-size: 10px; /* text-[10px] */ + text-transform: uppercase; /* uppercase */ + color: #623497; /* text-[#623497] */ + } ` From 4b43f3ad9b2d9dd4cb6e3afa1858b186d824ddeb Mon Sep 17 00:00:00 2001 From: Christina Hastenrath Date: Thu, 10 Apr 2025 14:33:11 +0200 Subject: [PATCH 2/3] udpate badge style --- build/footerDev.json | 8 ++++++++ src/components/Footer/Footer.jsx | 25 ++++++++++++++++++++----- src/components/Header/Header.jsx | 2 +- src/components/Header/HeaderStyles.jsx | 10 ---------- styles/globalStyle.js | 13 +++++++++++++ 5 files changed, 42 insertions(+), 16 deletions(-) diff --git a/build/footerDev.json b/build/footerDev.json index 8c0c9204a..018b9d2ca 100644 --- a/build/footerDev.json +++ b/build/footerDev.json @@ -23,6 +23,14 @@ "label": "enterprise", "ariaLabel": "Read more about Postman enterprise" }, + { + "title": "Spec Hub", + "url": "https://www.postman.com/product/spec-hub/", + "category": "global-footer", + "label": "Spec Hub", + "ariaLabel": "Read more about Postman Spec Hub", + "badge": "new" + }, { "title": "Flows", "url": "https://www.postman.com/product/flows/", diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx index cb22ae9d7..6245daab1 100644 --- a/src/components/Footer/Footer.jsx +++ b/src/components/Footer/Footer.jsx @@ -189,7 +189,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || @@ -222,7 +225,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || @@ -256,7 +262,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || @@ -286,7 +295,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || @@ -315,7 +327,10 @@ const Footer = () => { triggerGA(link.category, link.label) }} > - {link.title} + {link.title} + {link.badge && ( + {link.badge} + )} ))) || diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx index fd095fac8..80f2b4ed1 100644 --- a/src/components/Header/Header.jsx +++ b/src/components/Header/Header.jsx @@ -336,7 +336,7 @@ const Header = (props) => { > {link.title} {link.badge && ( - {link.badge} + {link.badge} )} ))} diff --git a/src/components/Header/HeaderStyles.jsx b/src/components/Header/HeaderStyles.jsx index 8e7f04e87..eee9d3d8a 100644 --- a/src/components/Header/HeaderStyles.jsx +++ b/src/components/Header/HeaderStyles.jsx @@ -671,16 +671,6 @@ export const DropdownStyles = styled.div` font-weight: 600; margin-bottom: 0px; } - - .dropdown__badge { - margin-left: 0.5rem; /* ml-2 */ - border-radius: 0.25rem; /* rounded */ - border: 1px solid #e4d8f6; /* border border-[#e4d8f6] */ - padding: 0.5rem; /* px-1 */ - font-size: 10px; /* text-[10px] */ - text-transform: uppercase; /* uppercase */ - color: #623497; /* text-[#623497] */ - } ` diff --git a/styles/globalStyle.js b/styles/globalStyle.js index bc07f67b2..93e423ad5 100644 --- a/styles/globalStyle.js +++ b/styles/globalStyle.js @@ -358,5 +358,18 @@ small, font-size: 14px; line-height: 1.5714285714; /* 22px */ } + +.badge { + margin-left: 0.8rem; /* ml-2 */ + border-radius: 0.5rem; /* rounded */ + border: 1px solid #6f2cba; /* border border-[#e4d8f6] */ + padding: 3px 9px; /* px-1 */ + font-size: 10px; /* text-[10px] */ + text-transform: uppercase; /* uppercase */ + color: #6f2cba; /* grey-50 */ + font-weight: 400; + font-size: 12px; + line-height: 18px; +} ` export default GlobalStyle; \ No newline at end of file From c2b70a2a9d0868d4a71d36860f84f72e658a4e73 Mon Sep 17 00:00:00 2001 From: Christina Hastenrath Date: Tue, 15 Apr 2025 11:54:00 +0200 Subject: [PATCH 3/3] update footer --- build/footerDev.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/build/footerDev.json b/build/footerDev.json index 018b9d2ca..64c81e196 100644 --- a/build/footerDev.json +++ b/build/footerDev.json @@ -47,14 +47,14 @@ }, { "title": "VS Code extension", - "url": "https://www.postman.com/downloads/#postman-vs-code-extension", + "url": "https://www.postman.com/downloads/#other-downloads", "category": "global-footer", "label": "vs-extension", "ariaLabel": "Read more about Postman VS Code extension" }, { "title": "Postman CLI", - "url": "https://www.postman.com/downloads/#postman-cli/", + "url": "https://www.postman.com/downloads/#work-from-the-command-line", "category": "global-footer", "label": "postman-cli", "ariaLabel": "Read more about Postman cli."