jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix(market-card.tsx): change loading variable name to loadingLike for better clarity and semantics

Browse source
This commit is contained in:
anovazzi1 2023-11-13 20:33:05 -03:00
commit 756fd9c0b2
1 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/frontend/src/pages/StorePage/components/market-card.tsx
View file

@ -39,6 +39,7 @@ export const MarketCardComponent = ({
const [installed, setInstalled] = useState(false); const [installed, setInstalled] = useState(false);
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const { addFlow } = useContext(TabsContext); const { addFlow } = useContext(TabsContext);
const [loadingLike, setLoadingLike] = useState(false);
const { setSuccessData, setErrorData } = useContext(alertContext); const { setSuccessData, setErrorData } = useContext(alertContext);
const [liked_by_user, setLiked_by_user] = useState(data.liked_by_user); const [liked_by_user, setLiked_by_user] = useState(data.liked_by_user);
const [likes_count, setLikes_count] = useState(data.liked_by_count ?? 0); const [likes_count, setLikes_count] = useState(data.liked_by_count ?? 0);
@ -95,7 +96,7 @@ export const MarketCardComponent = ({
} }
function handleLike() { function handleLike() {
setLoading(true); setLoadingLike(true);
if (liked_by_user !== undefined || liked_by_user !== null) { if (liked_by_user !== undefined || liked_by_user !== null) {
const temp = liked_by_user; const temp = liked_by_user;
const tempNum = likes_count; const tempNum = likes_count;
@ -108,7 +109,7 @@ export const MarketCardComponent = ({
console.log(data.id); console.log(data.id);
postLikeComponent(data.id) postLikeComponent(data.id)
.catch((error) => { .catch((error) => {
setLoading(false); setLoadingLike(false);
console.error(error); console.error(error);
setLiked_by_user(temp); setLiked_by_user(temp);
setLikes_count(tempNum); setLikes_count(tempNum);
@ -118,7 +119,7 @@ export const MarketCardComponent = ({
}); });
}) })
.then((response) => { .then((response) => {
setLoading(false); setLoadingLike(false);
setLikes_count(response.likes_count); setLikes_count(response.likes_count);
setLiked_by_user(response.liked_by_user); setLiked_by_user(response.liked_by_user);
}); });
@ -197,7 +198,7 @@ export const MarketCardComponent = ({
content={authorized ? "Like" : "Please review your API key."} content={authorized ? "Like" : "Please review your API key."}
> >
<Button <Button
disabled={loading || !authorized} disabled={loadingLike || !authorized}
variant="ghost" variant="ghost"
size="xs" size="xs"
className={ className={