invidious: on by default

frontend/package-lock.json

@@ -17,7 +17,6 @@
         "@eslint/js": "^9.19.0",
         "@types/react": "^19.0.10",
         "@types/react-dom": "^19.0.3",
-        "@types/react-icons": "^3.0.0",
         "@vitejs/plugin-react": "^4.3.4",
         "eslint": "^9.19.0",
         "eslint-plugin-react-hooks": "^5.0.0",
@@ -1583,16 +1582,6 @@
         "@types/react": "^19.0.0"
       }
     },
-    "node_modules/@types/react-icons": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@types/react-icons/-/react-icons-3.0.0.tgz",
-      "integrity": "sha512-Vefs6LkLqF61vfV7AiAqls+vpR94q67gunhMueDznG+msAkrYgRxl7gYjNem/kZ+as2l2mNChmF1jRZzzQQtMg==",
-      "deprecated": "This is a stub types definition. react-icons provides its own type definitions, so you do not need this installed.",
-      "dev": true,
-      "dependencies": {
-        "react-icons": "*"
-      }
-    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "8.24.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.24.0.tgz",
@@ -3264,15 +3253,6 @@
         "react": "^19.0.0"
       }
     },
-    "node_modules/react-icons": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
-      "integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==",
-      "dev": true,
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
     "node_modules/react-refresh": {
       "version": "0.14.2",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",

frontend/package.json

@@ -19,7 +19,6 @@
     "@eslint/js": "^9.19.0",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.3",
-    "@types/react-icons": "^3.0.0",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.19.0",
     "eslint-plugin-react-hooks": "^5.0.0",

frontend/src/api/player.tsx

@@ -22,7 +22,7 @@ export interface PlaylistItem {
 }
 
 export const getDisplayTitle = (item: PlaylistItem): string => {
-  return item.metadata?.title || item.title || item.filename;
+  return item.title || item.metadata?.title || item.filename;
 }
 
 export interface MetadataUpdateEvent {

frontend/src/components/InvidiousSearchModal.tsx

@@ -108,7 +108,7 @@ const InvidiousSearchModal: React.FC<InvidiousSearchModalProps> = ({ isOpen, onC
             disabled={isLoading}
             className="bg-violet-500 text-white p-2 rounded-lg px-4 border-2 border-violet-500 disabled:opacity-50"
           >
-            {isLoading ? <FaSpinner className="animate-spin" /> : <FaSearch />}
+            {isLoading ? <span className="animate-spin"><FaSpinner /></span> : <span><FaSearch /></span>}
           </button>
         </div>
 

frontend/src/config.ts

@@ -1,6 +1,6 @@
-export const USE_INVIDIOUS = import.meta.env.VITE_USE_INVIDIOUS || false;
+export const USE_INVIDIOUS = import.meta.env.VITE_USE_INVIDIOUS || true;
 export const INVIDIOUS_BASE_URL = import.meta.env.VITE_INVIDIOUS_BASE_URL || 'http://invidious.nor';
 export const INVIDIOUS_API_ENDPOINT = `${INVIDIOUS_BASE_URL}/api/v1`;
 
 export const getInvidiousSearchURL = (query: string): string => 
-  `${INVIDIOUS_API_ENDPOINT}/search?q=${encodeURIComponent(query)}`; 
+  `${INVIDIOUS_API_ENDPOINT}/search?q=${encodeURIComponent(query)}`;