add loading indicator

This commit is contained in:
Carl-Gerhard Lindesvärd
2024-04-16 22:43:23 +02:00
committed by Carl-Gerhard Lindesvärd
parent 1aa95e8649
commit 694f5bf622
3 changed files with 34 additions and 0 deletions

View File

@@ -73,6 +73,7 @@
"next": "~14.2.1",
"next-auth": "^4.24.5",
"next-themes": "^0.2.1",
"nextjs-toploader": "^1.6.11",
"nuqs": "^1.16.1",
"prisma-error-enum": "^0.1.3",
"pushmodal": "^1.0.0",

View File

@@ -1,4 +1,5 @@
import { cn } from '@/utils/cn';
import NextTopLoader from 'nextjs-toploader';
import Providers from './providers';
@@ -26,6 +27,12 @@ export default function RootLayout({
<body
className={cn('grainy min-h-screen bg-slate-100 font-sans antialiased')}
>
<NextTopLoader
showSpinner={false}
color="#2463EB"
height={2}
shadow={false}
/>
<Providers>{children}</Providers>
</body>
</html>

26
pnpm-lock.yaml generated
View File

@@ -309,6 +309,9 @@ importers:
next-themes:
specifier: ^0.2.1
version: 0.2.1(next@14.2.1)(react-dom@18.2.0)(react@18.2.0)
nextjs-toploader:
specifier: ^1.6.11
version: 1.6.11(next@14.2.1)(react-dom@18.2.0)(react@18.2.0)
nuqs:
specifier: ^1.16.1
version: 1.17.0(next@14.2.1)
@@ -6938,6 +6941,10 @@ packages:
dependencies:
undici-types: 5.26.5
/@types/nprogress@0.2.3:
resolution: {integrity: sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA==}
dev: false
/@types/prop-types@15.7.11:
resolution: {integrity: sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==}
@@ -13542,6 +13549,21 @@ packages:
- babel-plugin-macros
dev: false
/nextjs-toploader@1.6.11(next@14.2.1)(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-2mt+YDj3I7s8JGv136TRdJo9amd2BBeb2u1U4tyvZpR08eqeBgqp3xsw2Yu1AUT7C3NZQhbQN11EXwnlqsPEIA==}
peerDependencies:
next: '>= 6.0.0'
react: '>= 16.0.0'
react-dom: '>= 16.0.0'
dependencies:
'@types/nprogress': 0.2.3
next: 14.2.1(react-dom@18.2.0)(react@18.2.0)
nprogress: 0.2.0
prop-types: 15.8.1
react: 18.2.0
react-dom: 18.2.0(react@18.2.0)
dev: false
/nextra-theme-docs@2.13.4(next@14.2.1)(nextra@2.13.4)(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-2XOoMfwBCTYBt8ds4ZHftt9Wyf2XsykiNo02eir/XEYB+sGeUoE77kzqfidjEOKCSzOHYbK9BDMcg2+B/2vYRw==}
peerDependencies:
@@ -13752,6 +13774,10 @@ packages:
set-blocking: 2.0.0
dev: false
/nprogress@0.2.0:
resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
dev: false
/nth-check@2.1.1:
resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
dependencies: