rebuild search route with custom pages for tracks, album, and artists

src/utils/index.ts

@@ -1,18 +1,19 @@
-import focusElem from "./useFocusElem";
+import createSubPaths from "./useCreateSubPaths";
+import focusElemByClass from "./useFocusElem";
+import formatSeconds from "./useFormatSeconds";
+import useFuse from "./useFuse";
+import { readLocalStorage, writeLocalStorage } from "./useLocalStorage";
 import putCommas from "./usePutCommas";
 import useVisibility from "./useVisibility";
-import formatSeconds from "./useFormatSeconds";
-import createSubPaths from "./useCreateSubPaths";
-import { readLocalStorage, writeLocalStorage } from "./useLocalStorage";
-import useFuse from "./useFuse";
 
 export {
-  readLocalStorage,
-  writeLocalStorage,
-  createSubPaths,
-  focusElem,
-  useVisibility,
-  formatSeconds,
-  putCommas,
-  useFuse,
+    readLocalStorage,
+    writeLocalStorage,
+    createSubPaths,
+    focusElemByClass,
+    useVisibility,
+    formatSeconds,
+    putCommas,
+    useFuse,
 };
+

src/utils/useCalculateSearchItemCount.ts

@@ -0,0 +1,6 @@
+const itemWidth = 160;
+const itemMarginBottom = 24;
+
+export default (containerWidth = 0, containerHeight = 0) => {
+  return Math.floor(containerWidth / itemWidth);
+};

src/utils/useFocusElem.ts

@@ -4,7 +4,7 @@
  * @param delay Delay in milliseconds
  * @param pos Positioning of the focus element
  */
-export default function focusElem(
+export default function focusElemByClass(
   className: string,
   delay?: number,
   pos?: any