Merge pull request #6 from chingu-x/icons-library

heroicons library added
chingu-x · Aug 27, 2023 · 114ccd7 · 114ccd7
2 parents 88c88d1 + 00a4848
commit 114ccd7
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 5 deletions.
diff --git 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
@@ -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
@@ -1,13 +1,15 @@
 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 = {
   title: "Create Next App",
   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 (
     <html lang="en" className={inter.className}>
       <body>
+        <nav>
+          <BellIcon className="h-12 w-12 text-primary" />
+        </nav>
         <StoreProvider>{children}</StoreProvider>
       </body>
     </html>

diff --git 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
@@ -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<RootState> = useSelector;
diff --git 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"