From 113a2fd8e5d631274a8bf1260d5b11e683a14346 Mon Sep 17 00:00:00 2001
From: Lisa Gunn <44206363+lsgunnlsgunn@users.noreply.github.com>
Date: Fri, 20 Sep 2024 12:19:14 -0700
Subject: [PATCH] =?UTF-8?q?Revert=20"Simplify=20bottom=20section,=20remove?=
 =?UTF-8?q?=20second=20Edit=20button,=20change=20blue=20to=20ne=E2=80=A6"?=
 =?UTF-8?q?=20(#2530)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 8c7554e898daac9b17b3ff82508b6a40e22bd555.
---
 .../BottomPageSection/BottomPageSection.tsx       | 15 ++++++++++++---
 .../docs/src/components/DocsCard/styles.css.ts    |  2 +-
 .../apps/docs/src/components/Layout/Full/Full.tsx |  5 ++++-
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/packages/apps/docs/src/components/BottomPageSection/BottomPageSection.tsx b/packages/apps/docs/src/components/BottomPageSection/BottomPageSection.tsx
index 1d042a7411..2c89e773ba 100644
--- 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
index e9d10e24e4..ee8fa9a8ce 100644
--- 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
index c4828a126e..81d0d0e1e8 100644
--- 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 />