add reddit features to reviewdb

[mantikafasi]

No description provided.

[Vendicated]

/gemini review

[gemini-code-assist]

Code Review

This pull request implements a voting system for reviews, allowing users to upvote or downvote content. Key changes include the addition of a VoteButton component, new API endpoints for managing votes, and state management within the ReviewComponent to track scores and user interactions. The review feedback focuses on improving the robustness of the state management by using useEffect to synchronize local state with props, implementing a loading state to prevent race conditions during concurrent voting requests, and utilizing functional state updates to ensure score accuracy.

[gemini-code-assist]

Add useEffect to the imports from @webpack/common to allow syncing the local state with props when they change (e.g., after a refetch).

Suggested change

	import { Alerts, IconUtils, Parser, Timestamp, useState } from "@webpack/common";
	import { Alerts, IconUtils, Parser, Timestamp, useEffect, useState } from "@webpack/common";

[gemini-code-assist]

Introduce a loading state to prevent concurrent voting requests and use useEffect to keep the local state in sync with the review prop. Since useState only initializes once, the local score and localVote would otherwise become stale if the parent component refetches data.

    const [localVote, setLocalVote] = useState<boolean | null>(review.userVote ?? null);
    const [score, setScore] = useState(review.score ?? 0);
    const [isVoting, setIsVoting] = useState(false);

    useEffect(() => {
        setLocalVote(review.userVote ?? null);
        setScore(review.score ?? 0);
    }, [review.userVote, review.score]);

[gemini-code-assist]

Implement the isVoting check to prevent race conditions from multiple clicks. Additionally, use a functional update for setScore to ensure the score is updated correctly based on the most recent state, and wrap the API call in a try...finally block to ensure the loading state is reset even if the request fails.

    async function submitVote(isUpvote: boolean) {
        if (isVoting) return;
        if (review.sender.discordID === Auth.user?.discordID) {
            return showToast("You cannot vote on your own review.");
        }

        if (localVote === isUpvote) {
            return showToast(`You already ${isUpvote ? "upvoted" : "downvoted"} this review.`);
        }

        setIsVoting(true);
        try {
            if (await voteReview(review.id, isUpvote)) {
                const delta = localVote == null
                    ? isUpvote ? 1 : -1
                    : isUpvote ? 2 : -2;

                setLocalVote(isUpvote);
                setScore(s => s + delta);
            }
        } finally {
            setIsVoting(false);
        }
    }

[Vendicated]

@copilot fix whatever gemini said

[mantikafasi]

@copilot retard fix the issues gemini said

[mantikafasi]

sugoooooi I think this should be merged

[mantikafasi]

@gemini FIX: review merge

[gemini-code-assist]

I have reviewed the changes for adding voting functionality to ReviewDB. The implementation correctly introduces the VoteButton component, updates the Review entity, and integrates the necessary API calls for fetching and submitting votes. The state management in ReviewComponent correctly handles optimistic updates and error feedback.

One minor improvement for maintainability: In src/plugins/reviewDB/components/ReviewComponent.tsx, the submitVote function could be slightly simplified by extracting the vote delta calculation logic. Otherwise, the code looks solid and follows the existing patterns in the repository. I have no further issues to report.