fix(Article-ArticleNav): rectify icon position (#593)

sabertazimi · Apr 15, 2022 · 9e03747 · 9e03747
1 parent 0fcb1f2
commit 9e03747
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/src/components/Article/ArticleNav.tsx b/src/components/Article/ArticleNav.tsx
@@ -25,8 +25,8 @@ const ArticleNav = ({ post: { prevPost, nextPost } }: Props): JSX.Element => (
         'button-primary'
       )}
       size="large"
-      icon={prevPost ? <ArrowLeftOutlined /> : <HomeOutlined />}
     >
+      {prevPost ? <ArrowLeftOutlined /> : <HomeOutlined />}
       <Link
         className="m-auto font-extrabold text-light"
         to={prevPost ? prevPost.slug : '/posts'}
@@ -43,14 +43,14 @@ const ArticleNav = ({ post: { prevPost, nextPost } }: Props): JSX.Element => (
         'button-primary'
       )}
       size="large"
-      icon={nextPost ? <ArrowRightOutlined /> : <HomeOutlined />}
     >
       <Link
         className="m-auto font-extrabold text-light"
         to={nextPost ? nextPost.slug : '/posts'}
       >
         {nextPost ? nextPost.title : 'Back to Home'}
       </Link>
+      {nextPost ? <ArrowRightOutlined /> : <HomeOutlined />}
     </Button>
   </FlexContainer>
 );

diff --git a/src/components/Article/__snapshots__/Article.test.tsx.snap b/src/components/Article/__snapshots__/Article.test.tsx.snap
@@ -241,6 +241,12 @@ exports[`Article should render correctly (snapshot) 1`] = `
         onClick={[Function]}
         type="button"
       >
+        <a
+          className="m-auto font-extrabold text-light"
+          href="/javascriptAdvancedNotes/"
+        >
+          JavaScript Advanced Notes
+        </a>
         <span
           aria-label="arrow-right"
           className="anticon anticon-arrow-right"
@@ -260,12 +266,6 @@ exports[`Article should render correctly (snapshot) 1`] = `
             />
           </svg>
         </span>
-        <a
-          className="m-auto font-extrabold text-light"
-          href="/javascriptAdvancedNotes/"
-        >
-          JavaScript Advanced Notes
-        </a>
       </button>
     </div>
     <div
@@ -652,6 +652,12 @@ exports[`Article should render correctly with partial data (snapshot) 1`] = `
         onClick={[Function]}
         type="button"
       >
+        <a
+          className="m-auto font-extrabold text-light"
+          href="/posts"
+        >
+          Back to Home
+        </a>
         <span
           aria-label="home"
           className="anticon anticon-home"
@@ -671,12 +677,6 @@ exports[`Article should render correctly with partial data (snapshot) 1`] = `
             />
           </svg>
         </span>
-        <a
-          className="m-auto font-extrabold text-light"
-          href="/posts"
-        >
-          Back to Home
-        </a>
       </button>
     </div>
     <div