feat: upgrade minor and bug versions of dependencies

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn lint-staged && yarn build:scripts
+yarn ts:check && yarn lint-staged && yarn build:scripts

src/components/Item/Item.test.tsx

@@ -8,6 +8,6 @@ describe("Item", () => {
   it("Should render the item", () => {
     render(<Item item={testItem} />, { wrapper: MemoryRouter });
 
-    expect(screen.queryByText(testItem.title)).not.toBeInTheDocument();
+    expect(screen.queryByText(testItem.title)).toBeInTheDocument();
   });
 });

src/components/Item/Item.tsx

@@ -20,24 +20,24 @@ const Item: React.FC<Props> = ({
   style = {},
   greyedOut = false,
 }) => (
-  // <Link
-  //   className={classNames("item", {
-  //     "item--no-leading-border": noLeadingBorder,
-  //     "is-active": active,
-  //   })}
-  //   pageName={`${item.quadrant}/${item.name}`}
-  //   style={style}
-  // >
-  //   <div
-  //     className={classNames("item__title", {
-  //       "greyed-out": greyedOut,
-  //     })}
-  //   >
-  //     {item.title}
-  //     <Flag item={item} />
-  //   </div>
-  //   {item.info && <div className="item__info">{item.info}</div>}
-  // </Link>
+  <Link
+    className={classNames("item", {
+      "item--no-leading-border": noLeadingBorder,
+      "is-active": active,
+    })}
+    pageName={`${item.quadrant}/${item.name}`}
+    style={style}
+  >
+    <div
+      className={classNames("item__title", {
+        "greyed-out": greyedOut,
+      })}
+    >
+      {item.title}
+      <Flag item={item} />
+    </div>
+    {item.info && <div className="item__info">{item.info}</div>}
+  </Link>
 );
 
 export default Item;

src/components/ItemList/ItemList.tsx

@@ -1,10 +1,6 @@
 import React from "react";
 import Item from "../Item/Item";
-import {
-  featuredOnly,
-  nonFeaturedOnly,
-  Item as mItem,
-} from "../../model";
+import { featuredOnly, nonFeaturedOnly, Item as mItem } from "../../model";
 import "./item-list.scss";
 
 type ItemListProps = {
@@ -33,14 +29,14 @@ const ItemList: React.FC<ItemListProps> = ({
       </div>
       <div className="item-list__list">
         {featuredItems.map((item, i) => (
-        // <Item
-        //   key={item.name}
-        //   item={item}
-        //   noLeadingBorder={noLeadingBorder}
-        //   active={activeItem?.name === item.name}
-        //   style={itemStyle[i]}
-        //   greyedOut={false}
-        // />
+          <Item
+            key={item.name}
+            item={item}
+            noLeadingBorder={noLeadingBorder}
+            active={activeItem?.name === item.name}
+            style={itemStyle[i]}
+            greyedOut={false}
+          />
         ))}
         {nonFeaturedItems.map((item, i) => (
           <Item
@@ -54,6 +50,7 @@ const ItemList: React.FC<ItemListProps> = ({
         ))}
       </div>
     </div>
-);}
+  );
+};
 
 export default ItemList;