add progress bar and fix reply padding

This commit is contained in:
keyan 2021-11-13 07:28:08 -06:00
parent dd97710d71
commit f56315f89f
4 changed files with 556 additions and 620 deletions

View File

@ -10,7 +10,7 @@
font-weight: bold; font-weight: bold;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
padding-bottom: .25rem; padding-bottom: .5rem;
line-height: 1rem; line-height: 1rem;
} }

1128
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -26,6 +26,7 @@
"next-auth": "^3.13.3", "next-auth": "^3.13.3",
"next-plausible": "^2.1.3", "next-plausible": "^2.1.3",
"next-seo": "^4.24.0", "next-seo": "^4.24.0",
"nextjs-progressbar": "^0.0.13",
"page-metadata-parser": "^1.1.4", "page-metadata-parser": "^1.1.4",
"pageres": "^6.2.3", "pageres": "^6.2.3",
"prisma": "^2.25.0", "prisma": "^2.25.0",

View File

@ -7,6 +7,7 @@ import PlausibleProvider from 'next-plausible'
import { LightningProvider } from '../components/lightning' import { LightningProvider } from '../components/lightning'
import { ItemActModal, ItemActProvider } from '../components/item-act' import { ItemActModal, ItemActProvider } from '../components/item-act'
import getApolloClient from '../lib/apollo' import getApolloClient from '../lib/apollo'
import NextNProgress from 'nextjs-progressbar'
function MyApp ({ Component, pageProps: { session, ...props } }) { function MyApp ({ Component, pageProps: { session, ...props } }) {
const client = getApolloClient() const client = getApolloClient()
@ -27,23 +28,33 @@ function MyApp ({ Component, pageProps: { session, ...props } }) {
} }
return ( return (
<PlausibleProvider domain='stacker.news' trackOutboundLinks> <>
<Provider session={session}> <NextNProgress
<ApolloProvider client={client}> color='var(--primary)'
<MeProvider> startPosition={0.3}
<LightningProvider> stopDelayMs={200}
<FundErrorProvider> height={2}
<FundErrorModal /> showOnShallow
<ItemActProvider> options={{ showSpinner: false }}
<ItemActModal /> />
<Component {...props} /> <PlausibleProvider domain='stacker.news' trackOutboundLinks>
</ItemActProvider> <Provider session={session}>
</FundErrorProvider> <ApolloProvider client={client}>
</LightningProvider> <MeProvider>
</MeProvider> <LightningProvider>
</ApolloProvider> <FundErrorProvider>
</Provider> <FundErrorModal />
</PlausibleProvider> <ItemActProvider>
<ItemActModal />
<Component {...props} />
</ItemActProvider>
</FundErrorProvider>
</LightningProvider>
</MeProvider>
</ApolloProvider>
</Provider>
</PlausibleProvider>
</>
) )
} }