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

Refactor codebase, format

Browse Source
This commit is contained in:
Aaron William Po
2023-02-09 04:03:11 -05:00
parent e654216c1a
commit dbd342fd3e
26 changed files with 517 additions and 809 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/BeerById/BeerInfoHeader.tsx
View File

@@ -9,9 +9,7 @@ import UserContext from '@/contexts/userContext';
import sendCheckIfUserLikesBeerPostRequest from '@/requests/sendCheckIfUserLikesBeerPostRequest';
import sendLikeRequest from '../../requests/sendLikeRequest';
const BeerInfoHeader: FC<{ beerPost: BeerPostQueryResult }> = ({
beerPost,
}) => {
const BeerInfoHeader: FC<{ beerPost: BeerPostQueryResult }> = ({ beerPost }) => {
const createdAtDate = new Date(beerPost.createdAt);
const [timeDistance, setTimeDistance] = useState('');
const { user } = useContext(UserContext);
@@ -36,9 +34,7 @@ const BeerInfoHeader: FC<{ beerPost: BeerPostQueryResult }> = ({
}, [user, beerPost.id]);
useEffect(() => {
setTimeDistance(
formatDistanceStrict(new Date(beerPost.createdAt), new Date()),
);
setTimeDistance(formatDistanceStrict(new Date(beerPost.createdAt), new Date()));
}, [beerPost.createdAt]);
const handleLike = async () => {
@@ -66,10 +62,7 @@ const BeerInfoHeader: FC<{ beerPost: BeerPostQueryResult }> = ({
<h3 className="italic">
posted by{' '}
<Link
href={`/users/${beerPost.postedBy.id}`}
className="link-hover link"
>
<Link href={`/users/${beerPost.postedBy.id}`} className="link-hover link">
{beerPost.postedBy.username}{' '}
</Link>
<span
@@ -92,9 +85,7 @@ const BeerInfoHeader: FC<{ beerPost: BeerPostQueryResult }> = ({
</Link>
</div>
<div>
<span className="mr-4 text-lg font-medium">
{beerPost.abv}% ABV
</span>
<span className="mr-4 text-lg font-medium">{beerPost.abv}% ABV</span>
<span className="text-lg font-medium">{beerPost.ibu} IBU</span>
</div>
</div>