Revert "feat: refine mobile dashboard experience"

This reverts commit 315520beca.

apps/nextjs/src/app/[locale]/boards/(content)/_prefetch-policy.spec.ts

@@ -1,17 +0,0 @@
-import { describe, expect, test } from "vitest";
-
-import { shouldPrefetchWidgetForRequest } from "./_prefetch-policy";
-
-describe("shouldPrefetchWidgetForRequest", () => {
-  test.each(["mobile", "tablet"])("defers downloads for %s requests", (deviceType) => {
-    expect(shouldPrefetchWidgetForRequest("downloads", deviceType)).toBe(false);
-  });
-
-  test("keeps downloads prefetched for desktop requests", () => {
-    expect(shouldPrefetchWidgetForRequest("downloads", undefined)).toBe(true);
-  });
-
-  test.each(["app", "bookmarks"] as const)("keeps eager %s data prefetched on mobile", (kind) => {
-    expect(shouldPrefetchWidgetForRequest(kind, "mobile")).toBe(true);
-  });
-});

apps/nextjs/src/app/[locale]/boards/(content)/_prefetch-policy.ts

@@ -1,7 +0,0 @@
-import type { WidgetKind } from "@homarr/definitions";
-
-export const shouldPrefetchWidgetForRequest = (kind: WidgetKind, deviceType: string | undefined) => {
-  const isMobileDevice = deviceType === "mobile" || deviceType === "tablet";
-
-  return kind !== "downloads" || !isMobileDevice;
-};

apps/nextjs/src/app/[locale]/boards/_board-switcher-logo.tsx

@@ -8,22 +8,12 @@ import { useRequiredBoard } from "@homarr/boards/context";
 import { useI18n } from "@homarr/translation/client";
 import { Link } from "@homarr/ui";
 
-import { useIsMobileBoard } from "~/components/board/use-mobile-board";
-import { BoardLogo, BoardLogoWithTitle } from "~/components/layout/logo/board-logo";
+import { BoardLogo } from "~/components/layout/logo/board-logo";
 
 export const BoardSwitcherLogo = () => {
   const board = useRequiredBoard();
+  const { data: boards = [] } = clientApi.board.getAllBoards.useQuery();
   const t = useI18n();
-  const isMobileBoard = useIsMobileBoard();
-  const { data: boards = [] } = clientApi.board.getAllBoards.useQuery(undefined, { enabled: isMobileBoard });
-
-  if (!isMobileBoard) {
-    return (
-      <UnstyledButton component={Link} href="/">
-        <BoardLogoWithTitle size="md" hideTitleOnMobile />
-      </UnstyledButton>
-    );
-  }
 
   return (
     <Menu position="bottom-start" width={280}>
@@ -36,7 +26,7 @@ export const BoardSwitcherLogo = () => {
         >
           <Group gap="xs" wrap="nowrap">
             <BoardLogo size={28} />
-            <Text fw={600} truncate title={board.name}>
+            <Text fw={600} truncate>
               {board.name}
             </Text>
             <IconChevronDown size={16} aria-hidden />
@@ -56,9 +46,7 @@ export const BoardSwitcherLogo = () => {
                 leftSection={isCurrent ? <IconCheck size={20} /> : <IconLayoutBoard size={20} />}
                 aria-current={isCurrent ? "page" : undefined}
               >
-                <Text truncate title={availableBoard.name}>
-                  {availableBoard.name}
-                </Text>
+                {availableBoard.name}
               </Menu.Item>
             );
           })}