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;
display: inline-block;
cursor: pointer;
padding-bottom: .25rem;
padding-bottom: .5rem;
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-plausible": "^2.1.3",
"next-seo": "^4.24.0",
"nextjs-progressbar": "^0.0.13",
"page-metadata-parser": "^1.1.4",
"pageres": "^6.2.3",
"prisma": "^2.25.0",

View File

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