clean assets. Fix docsearch modal variable issue

jepsar · May 25, 2023 · f856e3c · f856e3c
1 parent ae2f951
commit f856e3c
Show file tree

Hide file tree

Showing 24 changed files with 127 additions and 775 deletions.
diff --git a/components/layout/layout.js b/components/layout/layout.js
@@ -13,8 +13,8 @@ export default function Layout(props) {
     const router = useRouter();
 
     const wrapperClassName = classNames('layout-wrapper', {
-        'layout-wrapper-dark': props.dark,
-        'layout-wrapper-light': !props.dark,
+        'layout-dark layout-wrapper-dark': props.dark,
+        'layout-light layout-wrapper-light': !props.dark,
         'layout-news-active': props.newsActive
     });
     const maskClassName = classNames('layout-mask', {
@@ -33,6 +33,14 @@ export default function Layout(props) {
         setSidebarActive(false);
     };
 
+    useEffect(() => {
+        document.body.classList.add(...wrapperClassName.split(' '));
+
+        return () => {
+            document.body.classList.remove(...wrapperClassName.split(' '));
+        };
+    }, [wrapperClassName]);
+
     useEffect(() => {
         if (sidebarActive) document.body.classList.add('blocked-scroll');
         else document.body.classList.remove('blocked-scroll');

diff --git a/components/layout/topbar.js b/components/layout/topbar.js
@@ -60,32 +60,31 @@ export default function Topbar(props) {
                 <DocSearch appId="TLMMWZFW0F" apiKey="e6191f9edfded2e69492f3f3b315e237" indexName="primeflex" container="" debug={false} />
 
                 <ul className="flex list-none m-0 p-0 gap-2 align-items-center">
-                    <li></li>
                     <li>
                         <a
-                            href="https://github.com/primefaces/primeflex"
-                            className="flex link-button border-1 border-solid w-2rem h-2rem border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                            className="flex link-button border-1 border-solid w-2rem h-2rem  border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                            onClick={changeColorScheme}
                             style={{ borderColor: 'var(--menu-border-color)' }}
                         >
-                            <i className="pi pi-github text-700"></i>
+                            <i className={classNames('text-700', colorSchemeIcon)}></i>
                         </a>
                     </li>
                     <li>
                         <a
-                            href="https://discord.gg/gzKFYnpmCY"
-                            className="flex link-button border-1 border-solid w-2rem h-2rem  border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                            href="https://github.com/primefaces/primeflex"
+                            className="flex link-button border-1 border-solid w-2rem h-2rem border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
                             style={{ borderColor: 'var(--menu-border-color)' }}
                         >
-                            <i className="pi pi-discord text-700"></i>
+                            <i className="pi pi-github text-700"></i>
                         </a>
                     </li>
                     <li>
                         <a
+                            href="https://discord.gg/gzKFYnpmCY"
                             className="flex link-button border-1 border-solid w-2rem h-2rem  border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
-                            onClick={changeColorScheme}
                             style={{ borderColor: 'var(--menu-border-color)' }}
                         >
-                            <i className={classNames('text-700', colorSchemeIcon)}></i>
+                            <i className="pi pi-discord text-700"></i>
                         </a>
                     </li>
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/pages/index.js b/pages/index.js
@@ -1,5 +1,6 @@
 import Head from 'next/head';
 import { classNames } from 'primereact/utils';
+import { useEffect } from 'react';
 import NewsSection from '../components/news/newssection';
 import AnimationsSection from './landing/animationssection';
 import BlocksSection from './landing/blockssection';
@@ -12,12 +13,20 @@ import StyleSection from './landing/stylesection';
 import UsersSection from './landing/userssection';
 
 export default function Home(props) {
-    const rootClassName = classNames('landing', { 'landing-light': !props.dark, 'landing-dark': props.dark, 'landing-news-active': props.newsActive });
+    const rootClassName = classNames('landing', { 'layout-light landing-light': !props.dark, 'layout-dark landing-dark': props.dark, 'landing-news-active': props.newsActive });
 
     const toggleColorScheme = () => {
         props.onThemeChange(!props.dark);
     };
 
+    useEffect(() => {
+        document.body.classList.add(...rootClassName.split(' '));
+
+        return () => {
+            document.body.classList.remove(...rootClassName.split(' '));
+        };
+    }, [rootClassName]);
+
     return (
         <div className={rootClassName}>
             <Head>

diff --git a/pages/landing/headersection.js b/pages/landing/headersection.js
@@ -74,33 +74,25 @@ const HeaderSection = (props) => {
                                 <div id="blocks-overlay" className="menu-overlay hidden md:absolute  top-auto  origin-top  ">
                                     <ul className="list-none ">
                                         <li>
-                                            <a href="https://blocks.primeng.org/#/" target="_blank" selector="#blocks-overlay" enterClassName="hidden" enterActiveClassName="scalein" leaveToClassName="hidden" leaveActiveClassName="fadeout">
+                                            <a href="https://blocks.primeng.org/#/" target="_blank">
                                                 <img src="/images/landing/angular-logo.svg"></img>
                                                 <span>Angular</span>
                                             </a>
                                         </li>
                                         <li>
-                                            <a href="https://blocks.primevue.org/#/" target="_blank" selector="#blocks-overlay" enterClassName="hidden" enterActiveClassName="scalein" leaveToClassName="hidden" leaveActiveClassName="fadeout">
+                                            <a href="https://blocks.primevue.org/#/" target="_blank">
                                                 <img src="/images/landing/vue-logo.svg"></img>
                                                 <span>Vue</span>
                                             </a>
                                         </li>
                                         <li>
-                                            <a href="https://blocks.primereact.org/" target="_blank" selector="#blocks-overlay" enterClassName="hidden" enterActiveClassName="scalein" leaveToClassName="hidden" leaveActiveClassName="fadeout">
+                                            <a href="https://blocks.primereact.org/" target="_blank">
                                                 <img src="/images/landing/react-logo.svg"></img>
                                                 <span>React</span>
                                             </a>
                                         </li>
                                         <li>
-                                            <a
-                                                href="https://www.primefaces.org/primeblocks-jsf/"
-                                                target="_blank"
-                                                selector="#blocks-overlay"
-                                                enterClassName="hidden"
-                                                enterActiveClassName="scalein"
-                                                leaveToClassName="hidden"
-                                                leaveActiveClassName="fadeout"
-                                            >
+                                            <a href="https://www.primefaces.org/primeblocks-jsf/" target="_blank">
                                                 <img src="/images/landing/jsf-logo.svg"></img>
                                                 <span>JSF</span>
                                             </a>

diff --git a/pages/landing/userssection.js b/pages/landing/userssection.js
@@ -19,6 +19,7 @@ const UsersSection = ({ dark }) => {
     );
     const getUsersImages = (usersData, colorScheme) =>
         usersData.map((user) => ({
+            name: user.name,
             image: `/images/landing/users/${colorScheme}/${user.name}.svg`,
             height: user.height
         }));

diff --git a/public/images/landing/Rectangle 27.svg b/public/images/landing/Rectangle 27.svg
diff --git a/public/images/landing/Rectangle 35.svg b/public/images/landing/Rectangle 35.svg
diff --git a/public/images/logo-text-dark.svg b/public/images/logo-text-dark.svg