AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 20:13:49 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Implement react-intersection-observer to facilitate infinite scroll

Browse Source 
Uses react-intersection-observer to load more comments when the last of the previously loaded comments is in the viewport.
This commit is contained in:
Aaron William Po
2023-04-09 18:41:58 -04:00
parent 8981bcb4b8
commit 915adb722a
12 changed files with 157 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/ui/Spinner.tsx
View File

@@ -6,8 +6,8 @@ interface SpinnerProps {
const Spinner: FC<SpinnerProps> = ({ size = 'md' }) => {
const spinnerWidths: Record<NonNullable<SpinnerProps['size']>, `w-[${number}px]`> = {
xs: 'w-[10px]',
sm: 'w-[20px]',
xs: 'w-[45px]',
sm: 'w-[60px]',
md: 'w-[100px]',
lg: 'w-[150px]',
xl: 'w-[200px]',