From c73f2cb0eff939fd4cac712fb0cd88b3cd7aafb9 Mon Sep 17 00:00:00 2001
From: habubey <habubey@outlook.com>
Date: Mon, 9 Oct 2023 14:58:49 +0300
Subject: [PATCH] Refactor topbar and add discussions link

---
 components/layout/topbar.js    | 20 +++++++++++++++++---
 pages/landing/headersection.js | 17 +++++++++++++----
 2 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/components/layout/topbar.js b/components/layout/topbar.js
index 7203f6864e..4f6920047f 100644
--- a/components/layout/topbar.js
+++ b/components/layout/topbar.js
@@ -109,7 +109,9 @@ export default function Topbar(props) {
                     <li>
                         <a
                             href="https://github.com/primefaces/primereact"
-                            className="flex p-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
                         >
                             <i className="pi pi-github text-700"></i>
                         </a>
@@ -117,14 +119,26 @@ export default function Topbar(props) {
                     <li>
                         <a
                             href="https://discord.gg/gzKFYnpmCY"
-                            className="flex p-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
                         >
                             <i className="pi pi-discord text-700"></i>
                         </a>
                     </li>
+                    <li>
+                        <a
+                            href="https://github.com/orgs/primefaces/discussions"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                        >
+                            <i className="pi pi-comments text-700"></i>
+                        </a>
+                    </li>
                     <li>
                         <button type="button" className="p-button flex border-1 w-2rem h-2rem p-0 align-items-center justify-content-center transition-all transition-duration-300 min-w-0" onClick={onConfigButtonClick}>
-                            <i className="pi pi-cog"></i>
+                            <i class="pi pi-palette"></i>
                         </button>
                     </li>
 
diff --git a/pages/landing/headersection.js b/pages/landing/headersection.js
index e1581236d9..ffb62aaee5 100644
--- a/pages/landing/headersection.js
+++ b/pages/landing/headersection.js
@@ -67,7 +67,7 @@ const HeaderSection = (props) => {
                             </li>
                             <li className="mr-0 lg:mr-2">
                                 <a href="https://blocks.primereact.org">
-                                    <img src="https://primefaces.org/cdn/primereact/images/landing-new/blocks-icon.svg" alt="primereact templates" />
+                                    <img src="https://primefaces.org/cdn/primereact/images/landing-new/blocks-icon.svg" alt="primereact blocks" />
                                     <span>Blocks</span>
                                 </a>
                             </li>
@@ -77,6 +77,12 @@ const HeaderSection = (props) => {
                                     <span>Designer</span>
                                 </a>
                             </li>
+                            <li className="mr-0 lg:mr-2">
+                                <a href="https://primereact.org/uikit/">
+                                    <img src="https://primefaces.org/cdn/primereact/images/landing-new/uikit-icon.svg" alt="primereact designer" />
+                                    <span>UI Kit</span>
+                                </a>
+                            </li>
                             <li className="mr-0 lg:mr-2">
                                 <a href="https://www.primefaces.org/store/templates.xhtml">
                                     <img src="https://primefaces.org/cdn/primereact/images/landing-new/templates-icon.svg" alt="primereact templates" />
@@ -85,16 +91,19 @@ const HeaderSection = (props) => {
                             </li>
                         </ol>
                     </nav>
-                    <a href="https://github.com/primefaces/primereact" rel="noopener noreferrer" className="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                    <a href="https://github.com/primefaces/primereact" rel="noopener noreferrer" target="_blank" className="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
                         <i className="pi pi-github"></i>
                     </a>
-                    <a href="https://discord.gg/gzKFYnpmCY" rel="noopener noreferrer" className="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                    <a href="https://discord.gg/gzKFYnpmCY" rel="noopener noreferrer" target="_blank" className="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
                         <i className="pi pi-discord"></i>
                     </a>
+                    <a href="https://github.com/orgs/primefaces/discussions" target="_blank" rel="noopener noreferrer" className="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                        <i className="pi pi-comments"></i>
+                    </a>
                     <button type="button" className="linkbox header-button inline-flex align-items-center justify-content-center" onClick={changeColorScheme}>
                         <i className={colorSchemeIcon}></i>
                     </button>
-                    <button type="button" className="linkbox header-button inline-flex align-items-center justify-content-center lg:hidden ml-2 menu-button" onClick={() => setMenuActive(!menuActive)}>
+                    <button type="button" className="linkbox header-button inline-flex align-items-center justify-content-center lg:hidden ml-1 md:ml-2 menu-button" onClick={() => setMenuActive(!menuActive)}>
                         <i className="pi pi-bars"></i>
                     </button>
                 </div>