fixed home showing "sent like to all" while loading (#607)

closes #605

Author: aster-void

web/app/home/page.tsx

@@ -23,23 +23,22 @@ export default function Home() {
   } = useAboutMe();
 
   const [_, rerender] = useState({});
-  const [recommended, setRecommended] = useState<
-    Queue<UserWithCoursesAndSubjects>
-  >(() => new Queue([]));
+  const [recommended, setRecommended] =
+    useState<Queue<UserWithCoursesAndSubjects> | null>(null);
   useEffect(() => {
     if (data) setRecommended(new Queue(data));
   }, [data]);
 
-  const displayedUser = recommended.peek(1);
-  const nextUser = recommended.peek(2);
+  const displayedUser = recommended?.peek(0);
+  const nextUser = recommended?.peek(1);
   const reject = useCallback(() => {
-    const current = recommended.pop();
+    const current = recommended?.pop();
     if (!current) return;
-    recommended.push(current);
+    recommended?.push(current);
     rerender({});
   }, [recommended]);
   const accept = useCallback(async () => {
-    const current = recommended.pop();
+    const current = recommended?.pop();
     if (!current) return;
     request.send(current.id);
     rerender({});
@@ -73,10 +72,10 @@ export default function Home() {
       });
   }, [controls, accept]);
 
-  if (currentUser == null) {
+  if (recommended == null) {
     return <FullScreenCircularProgress />;
   }
-  if (recommended == null) {
+  if (currentUser == null) {
     return <FullScreenCircularProgress />;
   }
   if (displayedUser == null) {
@@ -180,9 +179,9 @@ class Queue<T> {
   push(top: T): void {
     this.store.push(top);
   }
-  // peek(1) to peek the next elem to be popped, peek(2) peeks the second next element to be popped.
+  // peek(0) to peek the next elem to be popped, peek(1) peeks the second next element to be popped.
   peek(nth: number): T | undefined {
-    return this.store[nth - 1];
+    return this.store[nth];
   }
   pop(): T | undefined {
     return this.store.shift();