Revert "Simplify bottom section, remove second Edit button, change bl…

…ue to ne…" (#2530) This reverts commit 8c7554e.
kadena-community · Sep 20, 2024 · 113a2fd · 113a2fd
1 parent 8c7554e
commit 113a2fd
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/packages/apps/docs/src/components/BottomPageSection/BottomPageSection.tsx b/packages/apps/docs/src/components/BottomPageSection/BottomPageSection.tsx
@@ -6,6 +6,7 @@ import Link from 'next/link';
 import type { FC } from 'react';
 import React from 'react';
 import { PageHelpful } from '../PageHelpful/PageHelpful';
+import { EditPage } from './components/EditPage';
 import { Subscribe } from './components/Subscribe';
 import {
   bottomWrapperClass,
@@ -20,6 +21,7 @@ interface IProps {
 }
 
 export const BottomPageSection: FC<IProps> = ({
+  editLink,
   navigation,
   layout = 'default',
 }) => {
@@ -43,8 +45,11 @@ export const BottomPageSection: FC<IProps> = ({
 
   return (
     <footer className={classes}>
-      <Grid columns={{ xs: 1, xl: 4 }}>
-        <GridItem columnSpan={{ xs: 1, xl: 4 }}>
+      <Grid columns={{ xs: 1, lg: 3, xl: 4 }}>
+        <GridItem columnSpan={1}>
+          <EditPage editLink={editLink} />
+        </GridItem>
+        <GridItem columnSpan={{ xs: 1, lg: 2, xl: 3 }}>
           <Stack
             flexDirection="row"
             justifyContent="space-between"
@@ -57,6 +62,8 @@ export const BottomPageSection: FC<IProps> = ({
                 }
                 href={navigation?.previous.root}
               >
+                previous:
+                <br />
                 {navigation?.previous.title}
               </Link>
             )}
@@ -65,6 +72,8 @@ export const BottomPageSection: FC<IProps> = ({
                 onClick={() => onClickAction('next', navigation?.next?.root)}
                 href={navigation?.next.root}
               >
+                next:
+                <br />
                 {navigation?.next.title}
               </Link>
             )}
@@ -79,7 +88,7 @@ export const BottomPageSection: FC<IProps> = ({
         width="100%"
         gap={{ xs: 'xl', lg: 'xs' }}
       >
-        <PageHelpful />
+        <PageHelpful editLink={editLink} />
         <Subscribe />
       </Stack>
     </footer>

diff --git a/packages/apps/docs/src/components/DocsCard/styles.css.ts b/packages/apps/docs/src/components/DocsCard/styles.css.ts
@@ -29,7 +29,7 @@ export const cardClass = style([
   }),
   {
     transition: 'all .3s ease',
-    backgroundColor: tokens.kda.foundation.color.neutral.n1,
+    backgroundColor: tokens.kda.foundation.color.palette.blue.n1,
     color: tokens.kda.foundation.color.text.base.default,
   },
 ]);

diff --git a/packages/apps/docs/src/components/Layout/Full/Full.tsx b/packages/apps/docs/src/components/Layout/Full/Full.tsx
@@ -88,7 +88,10 @@ export const Full: FC<IPageProps> = ({
               editLink={frontmatter.editLink}
             />
             {children}
-            <BottomPageSection navigation={frontmatter.navigation} />
+            <BottomPageSection
+              editLink={frontmatter.editLink}
+              navigation={frontmatter.navigation}
+            />
           </article>
         </div>
         <BackgroundGradient />