Improve error message, use != null instead of undefined

Author: jovnc

src/Dashboard.tsx

@@ -107,8 +107,11 @@ function Dashboard() {
             </div>
           ) : userProgress == null ? (
           <div className="text-center">
-            <p className="mb-4 text-red-700">
-              No progress repository found for <strong>{username}</strong>. Ensure that you have enabled remote progress tracking in the Git-Mastery app.
+            <p className="mb-2 text-red-700">
+              No progress repository found for <strong>{username}</strong>.
+            </p>
+            <p className="mb-6 text-red-700">
+              Ensure that you have enabled remote progress tracking using <code className="bg-gray-100 px-2 py-1">gitmastery progress sync on</code> in the Git-Mastery app.
             </p>
             <Link
               to="/"

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 != undefined,
+    enabled: username != null,
   })
 }
 

src/api/queries/get_user_progress.ts

@@ -9,6 +9,7 @@ export interface UserProgress {
 export const getUserProgress = async (username: string) => {
   try {
     const encodedUsername = encodeURIComponent(username);
+    console.log(encodedUsername);
     const result = await axios.get<UserProgress[]>(`https://raw.githubusercontent.com/${encodedUsername}/${encodedUsername}-gitmastery-progress/refs/heads/main/progress.json`);
     return result.data;
   } catch {
@@ -20,7 +21,7 @@ export const useGetUserProgressQuery = (username: string | undefined) => {
   return useQuery<UserProgress[] | null>({
     queryKey: ["get-user-progress", username],
     queryFn: () => getUserProgress(username!),
-    enabled: username != undefined,
+    enabled: username != null,
   });
 }