tweak: move isMobile to separate utility file along with DeviceType

assets/src/components/detours/diversionPage.tsx

@@ -28,8 +28,9 @@ import { timeAgoLabel } from "../../util/dateTime"
 import { DetourStatus, timestampLabelFromStatus } from "../detoursTable"
 import { ActivateDetour } from "./activateDetourModal"
 import { DeactivateDetourModal } from "./deactivateDetourModal"
-import useScreenSize, { isMobile } from "../../hooks/useScreenSize"
+import useScreenSize from "../../hooks/useScreenSize"
 import Drawer from "../drawer"
+import { isMobile } from "../../util/screenSize"
 
 const displayFieldsFromRouteAndPattern = (
   route: Route,

assets/src/hooks/useScreenSize.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react"
-import { DeviceType } from "../skate"
+import { DeviceType } from "../util/screenSize"
 
 const maxMobileWidth = 480
 const minMobileLandscapeTabletPortraitWidth = maxMobileWidth + 1
@@ -37,7 +37,4 @@ const useScreenSize = (): DeviceType => {
   }
 }
 
-export const isMobile = (deviceType: string) =>
-  deviceType === "mobile" || deviceType === "mobile_landscape_tablet_portrait"
-
 export default useScreenSize

assets/src/skate.d.ts

@@ -29,9 +29,3 @@ declare global {
 }
 
 export type UserToken = string
-
-export type DeviceType =
-  | "mobile"
-  | "mobile_landscape_tablet_portrait"
-  | "tablet"
-  | "desktop"

assets/src/util/screenSize.ts

@@ -0,0 +1,8 @@
+export type DeviceType = "mobile" |
+  "mobile_landscape_tablet_portrait" |
+  "tablet" |
+  "desktop";
+
+
+export const isMobile = (deviceType: string) =>
+  deviceType === "mobile" || deviceType === "mobile_landscape_tablet_portrait"

assets/tests/components/viewHeader.test.tsx

@@ -6,7 +6,7 @@ import ViewHeader from "../../src/components/viewHeader"
 import userEvent from "@testing-library/user-event"
 import useScreenSize from "../../src/hooks/useScreenSize"
 import { OpenView } from "../../src/state/pagePanelState"
-import { DeviceType } from "../../src/skate"
+import { DeviceType } from "../../src/util/screenSize"
 
 jest.mock("../../src/hooks/useScreenSize", () => ({
   __esModule: true,

assets/tests/testHelpers/mockHelpers.ts

@@ -2,7 +2,7 @@ import { jest } from "@jest/globals"
 import React, { useReducer, useState } from "react"
 import usePatternsByIdForRoute from "../../src/hooks/usePatternsByIdForRoute"
 import useScreenSize from "../../src/hooks/useScreenSize"
-import { DeviceType } from "../../src/skate"
+import { DeviceType } from "../../src/util/screenSize"
 import { VehicleInScheduledService, Ghost } from "../../src/realtime"
 import { routePatternFactory } from "../factories/routePattern"
 import { stopFactory } from "../factories/stop"