bump to chakra 3 (#84)

Bumps version of Chakra UI, mainly followed [migration guide](https://www.chakra-ui.com/docs/get-started/migration) (which is the reason for the components/ui folder) but also made some of the following changes: - Manually set the variant of buttons to "subtle" to match how Hydrant already looks like, same with setting every link component to blue - Using component select component instead of native select. Whenever the theme was dark the options were all unreadable before :( - Edits were made to the default theme to make it resemble how Hydrant If I missed something, let me know! :D
sipb · Dec 2, 2024 · 96a2e15 · 96a2e15
1 parent e939f99
commit 96a2e15
Show file tree

Hide file tree

Showing 35 changed files with 6,191 additions and 3,321 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,31 +7,26 @@
     "@ag-grid-community/client-side-row-model": "^28.1.0",
     "@ag-grid-community/core": "^28.1.0",
     "@ag-grid-community/react": "^28.1.0",
-    "@chakra-ui/icons": "^2.0.6",
-    "@chakra-ui/react": "^2.2.6",
-    "@emotion/react": "^11.10.0",
-    "@emotion/styled": "^11.10.0",
-    "@fontsource/inter": "^4.5.12",
+    "@chakra-ui/react": "^3.2.1",
+    "@emotion/react": "^11.13.5",
+    "@fontsource-variable/inter": "^5.1.0",
     "@fullcalendar/core": "^5.11.2",
     "@fullcalendar/interaction": "^5.11.2",
     "@fullcalendar/react": "^5.11.2",
     "@fullcalendar/timegrid": "^5.11.2",
     "@react-oauth/google": "^0.2.6",
-    "@types/gapi.client.calendar": "^3.0.10",
-    "@types/node": "^16.11.47",
-    "@types/react": "^17.0.48",
-    "@types/react-dom": "^17.0.17",
     "html-entities": "^2.3.3",
     "ical-generator": "^6.0.0",
     "msgpack-lite": "^0.1.26",
     "nanoid": "^3.3.4",
-    "react": "^18.2.0",
-    "react-colorful": "^5.6.0",
-    "react-dom": "^18.2.0",
+    "next-themes": "^0.4.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-icons": "^5.3.0",
     "react-scripts": "^5.0.1",
+    "react-use": "^17.5.1",
     "sass": "^1.54.4",
-    "timezones-ical-library": "^1.7.2",
-    "typescript": "^4.7.4"
+    "timezones-ical-library": "^1.8.3"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -50,14 +45,30 @@
   "eslintIgnore": [
     "index.js"
   ],
-  "browserslist": [
-    "defaults"
-  ],
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
   "engines": {
     "node": ">=16.16.0"
   },
   "devDependencies": {
+    "@chakra-ui/cli": "^3.2.1",
+    "@types/gapi.client.calendar": "^3.0.10",
+    "@types/msgpack-lite": "^0.1.11",
+    "@types/node": "^16.18.121",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "eslint-config-prettier": "^9.1.0",
-    "prettier": "3.4.1"
+    "prettier": "3.4.1",
+    "typescript": "^4.7.4"
   }
 }
diff --git a/public/index.html b/public/index.html
@@ -1,8 +1,12 @@
-<!DOCTYPE html>
+<!doctype html>
 <head>
   <title>Hydrant</title>
   <meta charset="UTF-8" />
-  <meta name="description" content="Hydrant is a class planner for MIT students." />
+  <meta
+    name="description"
+    content="Hydrant is a class planner for MIT students."
+  />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <script defer src="https://apis.google.com/js/client.js"></script>
 </head>