add error handling

app/globals.css

@@ -8,6 +8,13 @@ body {
   height: 100%;
   overflow: hidden;
 }
+@media (prefers-color-scheme: dark) {
+  html,
+  body {
+    background: black;
+    color: white;
+  }
+}
 
 @layer utilities {
   .text-balance {

app/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 // import Image from "next/image";
-import { useState } from "react";
 import { invoke } from "@tauri-apps/api/tauri";
 // import logo from "../public/vercel.svg";
+import { useState } from "react";
 
 export default function Home() {
   const [error, setError] = useState("");
@@ -28,6 +28,10 @@ export default function Home() {
     invoke<string>("subjects", { username, password })
       .then((result) => {
         console.log(result);
+        if (result[0] == "could not get subjects") {
+          setError("Could not get subjects.");
+          return;
+        }
         setSubjects(result[0]);
         setGrades(result[1]);
         console.log(result[1]);

package.json

@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@heroicons/react": "^2.1.5",
     "@tauri-apps/api": "^1.6.0",
     "next": "14.2.5",
     "react": "^18",