From ff08dd8ab4a5625a06f1aa1dbdd0c79dc2a2a33a Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Wed, 16 Feb 2022 19:45:55 +0800
Subject: [PATCH] build

---
 themes/Medium/components/CategoryGroup.js | 3 ++-
 themes/Medium/components/CategoryItem.js  | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/themes/Medium/components/CategoryGroup.js b/themes/Medium/components/CategoryGroup.js
index 8e6b367e..276577c1 100644
--- a/themes/Medium/components/CategoryGroup.js
+++ b/themes/Medium/components/CategoryGroup.js
@@ -12,7 +12,8 @@ const CategoryGroup = ({ currentCategory, categories }) => {
     <div className='flex flex-wrap'>
       {Object.keys(categories).map(category => {
         const selected = currentCategory === category
-        return <CategoryItem key={category} selected={selected} category={category} categoryCount={categories[category]}/>
+        const categoryCount = +categories[category]
+        return <CategoryItem key={category} selected={selected} category={category} categoryCount={categoryCount}/>
       })}
     </div>
   </div>
diff --git a/themes/Medium/components/CategoryItem.js b/themes/Medium/components/CategoryItem.js
index 4bb69839..5af5cee7 100644
--- a/themes/Medium/components/CategoryItem.js
+++ b/themes/Medium/components/CategoryItem.js
@@ -2,14 +2,14 @@ import Link from 'next/link'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faFolderOpen, faFolder } from '@fortawesome/free-solid-svg-icons'
 
-export default function CategoryItem ({ key, selected, category, categoryCount }) {
-  return <Link key={key || category} href={`/category/${category}`} passHref>
+export default function CategoryItem ({ selected, category, categoryCount }) {
+  return <Link href={`/category/${category}`} passHref>
     <a className={(selected
       ? 'hover:text-white dark:hover:text-white bg-gray-600 text-white '
       : 'dark:text-gray-400 text-gray-500 hover:text-white dark:hover:text-white hover:bg-gray-600') +
     ' flex text-sm items-center duration-300 cursor-pointer py-1 font-light px-2 whitespace-nowrap'}>
       <div><FontAwesomeIcon icon={selected ? faFolderOpen : faFolder}
-                            className={'mr-2'} />{category} {categoryCount && ({ categoryCount })}
+                            className={'mr-2'} />{category} {categoryCount && (categoryCount)}
       </div>
     </a>
   </Link>