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

Update: more work on beer styles, add erd to readme

Browse Source
This commit is contained in:
Aaron William Po
2023-09-22 22:52:51 -04:00
parent 43220fe0e6
commit a604a24fd1
7 changed files with 2152 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/beers/styles/index.tsx
View File

@@ -1,14 +1,14 @@
import BeerStyleCard from '@/components/BeerStyle/BeerStyleCard';
import LoadingCard from '@/components/ui/LoadingCard';
import Spinner from '@/components/ui/Spinner';
import useBeerStyles from '@/hooks/data-fetching/beer-styles/useBeerStyles';
import { NextPage } from 'next';
import Head from 'next/head';
import { MutableRefObject, useRef } from 'react';
import { FaArrowUp } from 'react-icons/fa';
import { useInView } from 'react-intersection-observer';
import BeerStyleCard from '@/components/BeerStyle/BeerStyleCard';
import SmLoadingCard from '@/components/ui/SmLoadingCard';
import Spinner from '@/components/ui/Spinner';
import useBeerStyles from '@/hooks/data-fetching/beer-styles/useBeerStyles';
const BeerStylePage: NextPage = () => {
const PAGE_SIZE = 20;
const pageRef: MutableRefObject<HTMLDivElement | null> = useRef(null);
@@ -17,7 +17,6 @@ const BeerStylePage: NextPage = () => {
pageSize: PAGE_SIZE,
});
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const { ref: lastBeerStyleRef } = useInView({
onChange: (visible) => {
if (!visible || isAtEnd) return;
@@ -28,7 +27,7 @@ const BeerStylePage: NextPage = () => {
return (
<>
<Head>
<title>Beer Types | The Biergarten App</title>
<title>Beer Styles | The Biergarten App</title>
<meta
name="description"
content="Find beers made by breweries near you and around the world."
@@ -60,7 +59,7 @@ const BeerStylePage: NextPage = () => {
{(isLoading || isLoadingMore) && (
<>
{Array.from({ length: PAGE_SIZE }, (_, i) => (
<LoadingCard key={i} />
<SmLoadingCard key={i} />
))}
</>
)}