From c63b4943df4f966d7bb3a4f04281cfa9faed22a3 Mon Sep 17 00:00:00 2001
From: Phillip Jensen <33448819+cryptobench@users.noreply.github.com>
Date: Tue, 19 Sep 2023 08:33:49 +0200
Subject: [PATCH 1/3] Rework if statement

---
 src/components/Layout.jsx | 89 +++++++++++++++++++--------------------
 1 file changed, 43 insertions(+), 46 deletions(-)

diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
index 4aa96de7a..fb32b0bb4 100644
--- a/src/components/Layout.jsx
+++ b/src/components/Layout.jsx
@@ -229,18 +229,17 @@ export function Layout({
       {isHomePage && <Hero />}
 
       <div className="relative mx-auto flex max-w-8xl justify-center ">
-        {!isHomePage ||
-          !is404Page ||
-          (!is500Page && (
-            <div className="hidden lg:relative lg:block lg:flex-none">
-              <div className="absolute inset-y-0 right-0 w-[50vw] bg-lightblue dark:hidden" />
-              <div className="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
-              <div className="absolute bottom-0 right-0 top-28 hidden w-px bg-slate-800 dark:block" />
-              <div className="sticky top-[4.5rem] -ml-0.5 h-[calc(100vh-4.5rem)] w-64 overflow-y-auto overflow-x-hidden py-16 pl-0.5 pr-8 xl:w-64 ">
-                <SideBar navigation={mergednavs} />
-              </div>
+        {!isHomePage || !is404Page || !is500Page ? (
+          <div className="lg:relative lg:block lg:flex-none">
+            <div className="absolute inset-y-0 right-0 w-[50vw] bg-lightblue dark:hidden" />
+            <div className="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
+            <div className="absolute bottom-0 right-0 top-28 hidden w-px bg-slate-800 dark:block" />
+            <div className="sticky top-[4.5rem] -ml-0.5 h-[calc(100vh-4.5rem)] w-64 overflow-y-auto overflow-x-hidden py-16 pl-0.5 pr-8 xl:w-64">
+              <SideBar navigation={mergednavs} />
             </div>
-          ))}
+          </div>
+        ) : null}
+
         <div className="min-w-0 max-w-5xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-16">
           <article>
             <div className="flex items-center gap-x-4 pb-4">
@@ -259,41 +258,39 @@ export function Layout({
             <Prose>{children}</Prose>
           </article>
         </div>
-        {!isHomePage ||
-          !is404Page ||
-          (!is500Page && (
-            <div className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6">
-              <nav aria-labelledby="on-this-page-title" className="w-56">
-                {tableOfContents.length > 0 && (
-                  <>
-                    <h2
-                      id="on-this-page-title"
-                      className="font-display pl-4 text-sm font-medium text-slate-900 dark:text-white"
-                    >
-                      On this page
-                    </h2>
-                    <ol role="list" className="mt-4  pl-4 text-sm">
-                      <div className="border-l">
-                        {tableOfContents.map((section) => (
-                          <li className="py-0.5 pl-4" key={section.id}>
-                            <Heading section={section} isActive={isActive} />
-                            {section.children.length > 0 && (
-                              <ul
-                                role="list"
-                                className="  pl-5 text-slate-500 dark:text-slate-400"
-                              >
-                                {recursiveRender(section.children, isActive)}
-                              </ul>
-                            )}
-                          </li>
-                        ))}
-                      </div>
-                    </ol>
-                  </>
-                )}
-              </nav>
-            </div>
-          ))}
+        {!isHomePage || !is404Page || !is500Page ? (
+          <div className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6">
+            <nav aria-labelledby="on-this-page-title" className="w-56">
+              {tableOfContents.length > 0 && (
+                <>
+                  <h2
+                    id="on-this-page-title"
+                    className="font-display pl-4 text-sm font-medium text-slate-900 dark:text-white"
+                  >
+                    On this page
+                  </h2>
+                  <ol role="list" className="mt-4  pl-4 text-sm">
+                    <div className="border-l">
+                      {tableOfContents.map((section) => (
+                        <li className="py-0.5 pl-4" key={section.id}>
+                          <Heading section={section} isActive={isActive} />
+                          {section.children.length > 0 && (
+                            <ul
+                              role="list"
+                              className="  pl-5 text-slate-500 dark:text-slate-400"
+                            >
+                              {recursiveRender(section.children, isActive)}
+                            </ul>
+                          )}
+                        </li>
+                      ))}
+                    </div>
+                  </ol>
+                </>
+              )}
+            </nav>
+          </div>
+        ) : null}
       </div>
       <Footer />
     </>

From acdcccda0cdce8d1acf1fd1c72e6b697fa9c0d7a Mon Sep 17 00:00:00 2001
From: Phillip Jensen <33448819+cryptobench@users.noreply.github.com>
Date: Tue, 19 Sep 2023 08:40:59 +0200
Subject: [PATCH 2/3] Final fixes

---
 src/components/ArticleType.jsx   |  1 +
 src/components/Layout.jsx        | 88 +++++++++++++++++---------------
 src/pages/docs/creators/index.md |  2 +-
 3 files changed, 48 insertions(+), 43 deletions(-)

diff --git a/src/components/ArticleType.jsx b/src/components/ArticleType.jsx
index 5bdc130a8..1675213ad 100644
--- a/src/components/ArticleType.jsx
+++ b/src/components/ArticleType.jsx
@@ -5,6 +5,7 @@ import { GuideIcon } from './icons/GuideIcon'
 
 export function ArticleType({ type, children }) {
   if (type.toLowerCase() === 'design') return null
+  if (type.toLowerCase() === 'noicon') return null
 
   return (
     <div className="inline-flex items-center gap-x-2 rounded-2xl bg-lightbluedarker px-1.5 py-1 font-medium">
diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
index fb32b0bb4..d7428a074 100644
--- a/src/components/Layout.jsx
+++ b/src/components/Layout.jsx
@@ -221,6 +221,8 @@ export function Layout({
     return section.id === currentSection
   }
 
+  console.log(type)
+
   return (
     <>
       <VersionSwitcher />
@@ -229,16 +231,17 @@ export function Layout({
       {isHomePage && <Hero />}
 
       <div className="relative mx-auto flex max-w-8xl justify-center ">
-        {!isHomePage || !is404Page || !is500Page ? (
-          <div className="lg:relative lg:block lg:flex-none">
-            <div className="absolute inset-y-0 right-0 w-[50vw] bg-lightblue dark:hidden" />
-            <div className="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
-            <div className="absolute bottom-0 right-0 top-28 hidden w-px bg-slate-800 dark:block" />
-            <div className="sticky top-[4.5rem] -ml-0.5 h-[calc(100vh-4.5rem)] w-64 overflow-y-auto overflow-x-hidden py-16 pl-0.5 pr-8 xl:w-64">
-              <SideBar navigation={mergednavs} />
+        {type !== 'design' &&
+          (!isHomePage || !is404Page || !is500Page ? (
+            <div className="lg:relative lg:block lg:flex-none">
+              <div className="absolute inset-y-0 right-0 w-[50vw] bg-lightblue dark:hidden" />
+              <div className="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
+              <div className="absolute bottom-0 right-0 top-28 hidden w-px bg-slate-800 dark:block" />
+              <div className="sticky top-[4.5rem] -ml-0.5 h-[calc(100vh-4.5rem)] w-64 overflow-y-auto overflow-x-hidden py-16 pl-0.5 pr-8 xl:w-64">
+                <SideBar navigation={mergednavs} />
+              </div>
             </div>
-          </div>
-        ) : null}
+          ) : null)}
 
         <div className="min-w-0 max-w-5xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-16">
           <article>
@@ -258,39 +261,40 @@ export function Layout({
             <Prose>{children}</Prose>
           </article>
         </div>
-        {!isHomePage || !is404Page || !is500Page ? (
-          <div className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6">
-            <nav aria-labelledby="on-this-page-title" className="w-56">
-              {tableOfContents.length > 0 && (
-                <>
-                  <h2
-                    id="on-this-page-title"
-                    className="font-display pl-4 text-sm font-medium text-slate-900 dark:text-white"
-                  >
-                    On this page
-                  </h2>
-                  <ol role="list" className="mt-4  pl-4 text-sm">
-                    <div className="border-l">
-                      {tableOfContents.map((section) => (
-                        <li className="py-0.5 pl-4" key={section.id}>
-                          <Heading section={section} isActive={isActive} />
-                          {section.children.length > 0 && (
-                            <ul
-                              role="list"
-                              className="  pl-5 text-slate-500 dark:text-slate-400"
-                            >
-                              {recursiveRender(section.children, isActive)}
-                            </ul>
-                          )}
-                        </li>
-                      ))}
-                    </div>
-                  </ol>
-                </>
-              )}
-            </nav>
-          </div>
-        ) : null}
+        {type !== 'design' &&
+          (!isHomePage || !is404Page || !is500Page ? (
+            <div className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6">
+              <nav aria-labelledby="on-this-page-title" className="w-56">
+                {tableOfContents.length > 0 && (
+                  <>
+                    <h2
+                      id="on-this-page-title"
+                      className="font-display pl-4 text-sm font-medium text-slate-900 dark:text-white"
+                    >
+                      On this page
+                    </h2>
+                    <ol role="list" className="mt-4  pl-4 text-sm">
+                      <div className="border-l">
+                        {tableOfContents.map((section) => (
+                          <li className="py-0.5 pl-4" key={section.id}>
+                            <Heading section={section} isActive={isActive} />
+                            {section.children.length > 0 && (
+                              <ul
+                                role="list"
+                                className="  pl-5 text-slate-500 dark:text-slate-400"
+                              >
+                                {recursiveRender(section.children, isActive)}
+                              </ul>
+                            )}
+                          </li>
+                        ))}
+                      </div>
+                    </ol>
+                  </>
+                )}
+              </nav>
+            </div>
+          ) : null)}
       </div>
       <Footer />
     </>
diff --git a/src/pages/docs/creators/index.md b/src/pages/docs/creators/index.md
index f723a4727..4f1fc79fc 100644
--- a/src/pages/docs/creators/index.md
+++ b/src/pages/docs/creators/index.md
@@ -2,7 +2,7 @@
 title: Golem Docs | How do you want to create?
 pageTitle: Golem Docs | How do you want to create?
 description: Dive into Golem's comprehensive software documentation for creators. Whether you're working with JS or prefer a no-code approach, our in-depth user guides provide all the information you need to streamline your development process.
-type: design
+type: noicon
 ---
 
 # How do you want to create?

From 52d5731a2c2553ea49a3f96db9a3ecfea5d7d1a5 Mon Sep 17 00:00:00 2001
From: Phillip Jensen <33448819+cryptobench@users.noreply.github.com>
Date: Tue, 19 Sep 2023 11:22:43 +0200
Subject: [PATCH 3/3] Add missing css

---
 src/components/Layout.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
index d7428a074..7fcea3b04 100644
--- a/src/components/Layout.jsx
+++ b/src/components/Layout.jsx
@@ -233,7 +233,7 @@ export function Layout({
       <div className="relative mx-auto flex max-w-8xl justify-center ">
         {type !== 'design' &&
           (!isHomePage || !is404Page || !is500Page ? (
-            <div className="lg:relative lg:block lg:flex-none">
+            <div className="hidden lg:relative lg:block lg:flex-none">
               <div className="absolute inset-y-0 right-0 w-[50vw] bg-lightblue dark:hidden" />
               <div className="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
               <div className="absolute bottom-0 right-0 top-28 hidden w-px bg-slate-800 dark:block" />