From 00a4848186ea0b0fa0609bba62daa431b0f8d756 Mon Sep 17 00:00:00 2001 From: Mark Linn Date: Sun, 27 Aug 2023 15:25:14 +0200 Subject: [PATCH] add: heroicons-library --- package.json | 1 + src/app/counter/page.tsx | 4 ++-- src/app/layout.tsx | 5 +++++ src/components/StoreProvider.tsx | 2 +- src/store/hooks.ts | 4 ++-- yarn.lock | 5 +++++ 6 files changed, 16 insertions(+), 5 deletions(-) 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"