KTL-1240: removed greyLayout prop as it is not used anymore

Author: berezinant

src/components/Layout/index.tsx

@@ -24,13 +24,11 @@ interface MDLayoutProps {
   title?: string;
   layout?: LayoutSize;
   contactUs?: boolean;
-  greyLayout?: boolean;
 }
 
 export interface BaseLayoutProps {
   location: Location;
   children: null | ReactNode;
-  greyLayout?: boolean;
   socialImage?: string;
 }
 
@@ -44,7 +42,7 @@ type MarkdownLayoutProps = BaseLayoutProps & {
 
 type LayoutProps = BaseLayoutProps & MDLayoutProps;
 
-export function Layout({ children, location, title, layout, socialImage = null, contactUs, greyLayout }: LayoutProps) {
+export function Layout({ children, location, title, layout, socialImage = null, contactUs }: LayoutProps) {
   const content =
     layout === LayoutSize.Wide ? (
       children
@@ -56,7 +54,7 @@ export function Layout({ children, location, title, layout, socialImage = null,
     <LocationContext.Provider value={location}>
       <SEO title={title} image={socialImage} />
       <Header />
-      <div className={cn(styles.layout, { [styles.greyLayout]: Boolean(greyLayout) })}>
+      <div className={styles.layout}>
         {content}
         {contactUs && <ContactUs />}
         <Footer />
@@ -86,9 +84,8 @@ export function PageMarkdownLayout({ pageContext, ...props }: MarkdownLayoutProp
   const title = pageContext?.frontmatter?.title;
   const layout = pageContext?.frontmatter?.layout ?? LayoutSize.Narrow;
   const contact = pageContext?.frontmatter?.contactUs ?? false;
-  const greyLayout = pageContext?.frontmatter?.greyLayout ?? false;
 
-  return <MarkdownLayout {...props} title={title} layout={layout} contactUs={contact} greyLayout={greyLayout} />;
+  return <MarkdownLayout {...props} title={title} layout={layout} contactUs={contact} />;
 }
 
 export default PageMarkdownLayout;

src/components/Layout/layout.module.css

@@ -39,17 +39,11 @@ body {
   flex-direction: column;
   flex-grow: 1;
   justify-content: space-between;
-
-  background: #fff;
-}
-
-.greyLayout {
-  background: #f4f4f4;
+  background-color: #fff;
 }
 
 .narrow {
   max-width: 720px;
-
   margin-top: var(--ktf-fuild-spacing-xl);
   margin-bottom: var(--ktf-fuild-spacing-xl);
 }

src/pages/index.mdx

@@ -1,7 +1,6 @@
 ---
 title: "Home"
 layout: "wide"
-greyLayout: false
 contactUs: true
 ---
 import trademarkIcon from "../images/highlights/trademark.svg";