Refactor enabled to use more explicit check and add TODO

Author: jovnc

src/Dashboard.tsx

@@ -94,6 +94,7 @@ function Dashboard() {
           </p>
       </div>
       <div>
+        {/* TODO: Refactor into components for more modula design */}
         {(isUserLoading || isUserProgressLoading || isUserProgressRefetching || isProblemSetsLoading) ? (
           <div className="flex justify-center">
             <Spinner />

src/api/queries/get_user.ts

@@ -19,7 +19,7 @@ export const useGetUserQuery = (username: string | undefined) => {
   return useQuery<User | null>({
     queryKey: ["get-user", username],
     queryFn: () => getUser(username!),
-    enabled: !!username,
+    enabled: username != undefined,
   })
 }
 

src/api/queries/get_user_progress.ts

@@ -20,7 +20,7 @@ export const useGetUserProgressQuery = (username: string | undefined) => {
   return useQuery<UserProgress[] | null>({
     queryKey: ["get-user-progress", username],
     queryFn: () => getUserProgress(username!),
-    enabled: !!username,
+    enabled: username != undefined,
   });
 }