react query ftw

components/site/HomeUserHeader.tsx

@@ -17,9 +17,7 @@ import { toast } from "sonner";
 
 // chatgpt + human
 function randomGreeting(name: string): string {
-	const greetings = [
-		`Howdy, ${name}`
-	];
+	const greetings = [`Howdy, ${name}`];
 
 	const index = Math.floor(Math.random() * greetings.length);
 	return greetings[index];
@@ -52,12 +50,12 @@ export function HomeLoggedInHeader() {
 		userPresence === 1
 			? "border-blue/25 bg-blue/25"
 			: userPresence === 2
-			? "border-green/25 bg-green/25"
-			: userPresence === 3
-			? "border-yellow/25 bg-yellow/25"
-			: userPresence === 0
-			? "border-surface2/25 bg-surface2/25"
-			: "border-red/25 bg-red/25";
+				? "border-green/25 bg-green/25"
+				: userPresence === 3
+					? "border-yellow/25 bg-yellow/25"
+					: userPresence === 0
+						? "border-surface2/25 bg-surface2/25"
+						: "border-red/25 bg-red/25";
 
 	const isLoaded = !!profile && !!accountSettings;
 
@@ -92,7 +90,13 @@ export function HomeLoggedInHeader() {
 				)}
 				<div className="flex flex-col justify-center">
 					<span className="text-3xl font-bold text-text flex items-center gap-2">
-						{isLoaded ? randomGreeting(window.localStorage.UserPreferredName || profile.displayName || "Robloxian!") : (
+						{isLoaded ? (
+							randomGreeting(
+								window.localStorage.UserPreferredName ||
+									profile.displayName ||
+									"Robloxian!"
+							)
+						) : (
 							<>
 								<Skeleton className="w-96 h-8 rounded-lg" />
 							</>

components/site/OutfitQuickChooser.tsx

@@ -10,10 +10,16 @@ import { useCurrentAccount } from "@/hooks/roblox/useCurrentAccount";
 
 type OutfitSelectorProps = {
 	setVisible: (visible: boolean) => void;
-	updateOutfit: (outfit: { id: number }, acc: {id: number}) => Promise<void>;
+	updateOutfit: (
+		outfit: { id: number },
+		acc: { id: number }
+	) => Promise<void>;
 };
 
-export function OutfitSelector({ setVisible, updateOutfit }: OutfitSelectorProps) {
+export function OutfitSelector({
+	setVisible,
+	updateOutfit
+}: OutfitSelectorProps) {
 	const outfits = useAvatarOutfits();
 	const acc = useCurrentAccount();
 
@@ -33,7 +39,7 @@ export function OutfitSelector({ setVisible, updateOutfit }: OutfitSelectorProps
 						key={outfit.id}
 						className="hover:bg-base/50 rounded-lg"
 						onClick={async () => {
-							updateOutfit(outfit,acc);
+							updateOutfit(outfit, acc);
 							setVisible(false);
 						}}
 					>

components/site/QuickTopUI.tsx

@@ -79,7 +79,6 @@ async function updateOutfit(outfit: { id: number }, acc: { id: number }) {
 			}
 		);
 
-
 		loadThumbnails([
 			{
 				type: "AvatarHeadShot",
@@ -98,7 +97,7 @@ export const QuickTopUI = React.memo(function () {
 	const bf = useBestFriends();
 	useCurrentAccount();
 
-	useFriendsPresence([...(f ? f : []), ...(bf ? bf : [])].map(a=>a.id))
+	useFriendsPresence([...(f ? f : []), ...(bf ? bf : [])].map((a) => a.id));
 
 	const robux = useRobuxBalance();
 	const [isOutfitSelectorVisible, setIsOutfitSelectorVisible] =
@@ -154,9 +153,12 @@ export const QuickTopUILogoPart = React.memo(function () {
 			<Link href="/" className="-m-1 w-8 h-8">
 				<img src="/icon-512.webp" className="w-8 h-8" alt="" />
 			</Link>
-			<Link href="/test" className="mt-2 gap-2 flex items-center">
+			<Link href="/" className="mt-2 gap-2 flex items-center">
 				<p>{"ocbwoy3-chan's roblox"}</p>
-				<p className="text-surface2 line-clamp-1">{process.env.NODE_ENV} {process.env.NEXT_PUBLIC_CWD} {process.env.NEXT_PUBLIC_ARGV0}</p>
+				{/* <p className="text-surface2 line-clamp-1">
+					{process.env.NODE_ENV} {process.env.NEXT_PUBLIC_CWD}{" "}
+					{process.env.NEXT_PUBLIC_ARGV0}
+				</p> */}
 			</Link>
 		</div>
 	);