fixing updates

nextjs/src/app/globals.css

@@ -67,7 +67,7 @@ blockquote {
 }
 
 code {
-  @apply font-mono text-sm bg-gray-800 px-1 leading-tight inline-block;
+  @apply font-mono text-sm bg-gray-800 px-2 py-1 rounded-md leading-tight inline-block;
 }
 p {
   @apply mb-3;

nextjs/src/app/page.tsx

@@ -8,7 +8,7 @@ export default async function Home() {
         <CourseList />
         <br />
         <br />
-          <AddNewCourse />
+        <AddNewCourse />
       </div>
     </main>
   );

nextjs/src/components/SuspenseAndErrorHandling.tsx

@@ -3,6 +3,7 @@ import { QueryErrorResetBoundary } from "@tanstack/react-query";
 import { FC, ReactNode, Suspense } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { Spinner } from "./Spinner";
+import toast from "react-hot-toast";
 
 export const SuspenseAndErrorHandling: FC<{ children: ReactNode }> = ({
   children,
@@ -12,17 +13,20 @@ export const SuspenseAndErrorHandling: FC<{ children: ReactNode }> = ({
       {({ reset }) => (
         <ErrorBoundary
           onReset={reset}
-          fallbackRender={(props) => (
+          fallbackRender={(props) => {
-            <div className="text-center">
+            toast.error(getErrorMessage(props.error))
-              <div className="p-3">{getErrorMessage(props.error)}</div>
+            return (
-              <button
+              <div className="text-center">
-                className="btn btn-outline-secondary"
+                <div className="p-3">{getErrorMessage(props.error)}</div>
-                onClick={() => props.resetErrorBoundary()}
+                <button
-              >
+                  className="btn btn-outline-secondary"
-                Try again
+                  onClick={() => props.resetErrorBoundary()}
-              </button>
+                >
-            </div>
+                  Try again
-          )}
+                </button>
+              </div>
+            );
+          }}
         >
           <Suspense fallback={<Spinner />}>{children}</Suspense>
         </ErrorBoundary>

nextjs/src/services/canvas/canvasService.ts

@@ -12,9 +12,9 @@ const getAllTerms = async () => {
   const { data } = await axiosClient.get<
     {
       enrollment_terms: CanvasEnrollmentTermModel[];
-    }[]
+    }
   >(url);
-  const terms = data.flatMap((r) => r.enrollment_terms);
+  const terms = data.enrollment_terms;
   return terms;
 };