From dbb497eef6b66b09cf000ed3794eea7f517b840a Mon Sep 17 00:00:00 2001
From: Kevin J Hoerr <kjhoerr@protonmail.com>
Date: Fri, 18 Nov 2022 18:00:52 -0500
Subject: Switch tense of BlockBody prop

---
 src/components/BlockLink.tsx | 2 +-
 src/pages/404.tsx            | 2 +-
 src/pages/index.tsx          | 2 +-
 src/styles/BlockBody.ts      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/components/BlockLink.tsx b/src/components/BlockLink.tsx
index 3144c86..f2724e7 100644
--- a/src/components/BlockLink.tsx
+++ b/src/components/BlockLink.tsx
@@ -3,7 +3,7 @@ import { BlockAnchor, BlockBody } from "../styles";
 
 const BlockLink = ({ children, ...attributes }) => {
   return (
-    <BlockBody>
+    <BlockBody theme={{ link: true }}>
       <BlockAnchor {...attributes}>{children}</BlockAnchor>
     </BlockBody>
   );
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 6b0b85a..48de764 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -8,7 +8,7 @@ const NotFoundPage = (): React.ReactElement => {
     <main>
       <Content>
         <BlockHeader>Not found</BlockHeader>
-        <BlockBody theme={{ padding: "4px 8px" }}>
+        <BlockBody>
           Sorry{" "}
           <span role="img" aria-label="Pensive emoji">
             😔
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 58f5616..b9bcb07 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -24,7 +24,7 @@ const IndexPage = (): React.ReactElement => {
           />
         </div>
         <BlockHeader>Hello!</BlockHeader>
-        <BlockBody theme={{ padding: "4px 8px" }}>
+        <BlockBody>
           <p>
             I&apos;m a computer science and math graduate from Millersville
             University. I work as an IT consultant and specialize in development
diff --git a/src/styles/BlockBody.ts b/src/styles/BlockBody.ts
index 7791873..8fb655e 100644
--- a/src/styles/BlockBody.ts
+++ b/src/styles/BlockBody.ts
@@ -11,7 +11,7 @@ export default styled.div`
   border-left: 3px #000 solid;
   border-right: 3px #000 solid;
 
-  padding: ${(props) => props.theme.padding ?? "0"};
+  padding: ${(props) => (props.theme.link ? "0" : "4px 8px")};
 
   & > ${BlockAnchor} {
     &:hover {
-- 
cgit