diff --git a/package.json b/package.json
index 7a0d648a..e0b3948d 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
"cypress": "cypress run"
},
"dependencies": {
+ "@heroicons/react": "^2.0.18",
"@prisma/client": "5.1.1",
"@reduxjs/toolkit": "^1.9.5",
"next": "13.4.12",
diff --git a/src/app/counter/page.tsx b/src/app/counter/page.tsx
index dd14c9a8..fbb2741c 100644
--- a/src/app/counter/page.tsx
+++ b/src/app/counter/page.tsx
@@ -3,11 +3,11 @@
"use client";
import {
+ decrement,
+ increment,
selectCount,
useAppDispatch,
useAppSelector,
- increment,
- decrement,
} from "@/store";
function CounterPage() {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 46ada53c..c0cca4d2 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
import "./globals.css";
import type { Metadata } from "next";
import { Inter } from "next/font/google";
+import { BellIcon } from "@heroicons/react/24/solid";
import { StoreProvider } from "@/components";
export const metadata: Metadata = {
@@ -8,6 +9,7 @@ export const metadata: Metadata = {
description: "Generated by create next app",
};
+
// If loading a variable font, you don't need to specify the font weight
const inter = Inter({
weight: ["400", "500", "600", "700"],
@@ -23,6 +25,9 @@ export default function RootLayout({
return (
+
{children}
diff --git a/src/components/StoreProvider.tsx b/src/components/StoreProvider.tsx
index 2ef65452..3c0bbedb 100644
--- a/src/components/StoreProvider.tsx
+++ b/src/components/StoreProvider.tsx
@@ -1,7 +1,7 @@
"use client";
-import { ReactNode } from "react";
import { Provider } from "react-redux";
+import { ReactNode } from "react";
import { store } from "@/store";
function StoreProvider({ children }: { children: ReactNode }) {
diff --git a/src/store/hooks.ts b/src/store/hooks.ts
index 7a532b50..4e458005 100644
--- a/src/store/hooks.ts
+++ b/src/store/hooks.ts
@@ -1,5 +1,5 @@
-import { useDispatch, useSelector, TypedUseSelectorHook } from "react-redux";
-import type { RootState, AppDispatch } from "./store";
+import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
+import type { AppDispatch, RootState } from "./store";
export const useAppDispatch: () => AppDispatch = useDispatch;
export const useAppSelector: TypedUseSelectorHook = useSelector;
diff --git a/yarn.lock b/yarn.lock
index 3fe5a12f..2da95ee2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -387,6 +387,11 @@
resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.46.0.tgz#3f7802972e8b6fe3f88ed1aabc74ec596c456db6"
integrity sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA==
+"@heroicons/react@^2.0.18":
+ version "2.0.18"
+ resolved "https://registry.yarnpkg.com/@heroicons/react/-/react-2.0.18.tgz#f80301907c243df03c7e9fd76c0286e95361f7c1"
+ integrity sha512-7TyMjRrZZMBPa+/5Y8lN0iyvUU/01PeMGX2+RE7cQWpEUIcb4QotzUObFkJDejj/HUH4qjP/eQ0gzzKs2f+6Yw==
+
"@humanwhocodes/config-array@^0.11.10":
version "0.11.10"
resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.10.tgz#5a3ffe32cc9306365fb3fd572596cd602d5e12d2"