build cleanup and upgrading deps

package.json

@@ -4,29 +4,26 @@
   "version": "1.0",
   "private": true,
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.36",
-    "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "@fortawesome/react-fontawesome": "^0.1.15",
-    "@headlessui/react": "^1.7.17",
-    "@heroicons/react": "^2.0.18",
-    "@jest/globals": "^29.7.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@types/react": "^18.3.0",
-    "@types/react-beautiful-dnd": "^13.1.4",
+    "@fortawesome/fontawesome-svg-core": "^6.5.2",
+    "@fortawesome/free-solid-svg-icons": "^6.5.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@headlessui/react": "^2.1.0",
+    "@heroicons/react": "^2.1.4",
+    "@types/react": "^18.3.3",
+    "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
-    "classnames": "^2.3.2",
-    "immutability-helper": "^3.1.1",
-    "npm": "^10.2.5",
+    "classnames": "^2.5.1",
+    "npm": "^10.8.1",
     "papaparse": "^5.4.1",
-    "react": "^18.3.0",
+    "react": "^18.3.1",
     "react-beautiful-dnd": "^13.1.1",
     "react-dom": "^18.3.0",
     "react-fontawesome": "^1.7.1",
     "react-hot-toast": "^2.4.1",
     "react-icons": "^5.2.1",
     "react-joyride": "^2.8.2",
-    "react-redux": "^9.0.4",
+    "react-redux": "^9.1.2",
     "react-ripples": "^2.2.1",
     "react-simple-maps": "^3.0.0",
     "react-tooltip": "^5.27.0",
@@ -36,7 +33,7 @@
     "typescript": "^5.5.2",
     "vite": "^5.3.1",
     "vite-tsconfig-paths": "^4.3.2",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^4.2.0"
   },
   "scripts": {
     "start": "vite",
@@ -55,12 +52,11 @@
     "@types/react-transition-group": "^4.4.10",
     "@types/react-world-flags": "^1.4.5",
     "autoprefixer": "^10.4.19",
-    "gh-pages": "^3.2.3",
-    "jest-fetch-mock": "^3.0.3",
+    "gh-pages": "^6.1.1",
     "jsdom": "^24.1.0",
     "postcss": "^8.4.38",
     "postcss-cli": "^11.0.0",
-    "tailwindcss": "^3.3.2",
+    "tailwindcss": "^3.4.4",
     "vitest": "^1.6.0"
   }
 }

src/components/Dropdown.tsx

@@ -68,7 +68,7 @@ const Dropdown: React.FC<DropdownProps> = ({ value, onChange, options, className
       </div>
 
       <Transition
-        //as={React.Fragment}
+        as="div"
         //show={isOpen} 
         enter="transition ease-out duration-100"
         enterFrom="transform opacity-0 scale-95"

src/index.css

@@ -2,11 +2,6 @@
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-
 html {
    padding: env(safe-area-inset); 
   /* padding-left: env(safe-area-inset-left);

src/utilities/CategoryUtil.ts

@@ -385,9 +385,9 @@ function calculateCountryScores(ranking: string[]): { [key: string]: number } {
 export const areCategoriesSet = () => {
   const urlParams = new URLSearchParams(window.location.search);
   const rParam = urlParams.get('c');
-  console.log(urlParams)
-  console.log(window.location.search)
-  console.log(rParam)
+  // console.log(urlParams)
+  // console.log(window.location.search)
+  // console.log(rParam)
   return rParam !== null && rParam !== '';
 };
 

tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  purge: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],
+  content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],
   theme: {
     extend: {},
   },