update to mantine 7

commafeed-client/src/hooks/useColorScheme.ts

@@ -0,0 +1,4 @@
+import { useComputedColorScheme } from "@mantine/core"
+
+// the color scheme to use to render components
+export const useColorScheme = () => useComputedColorScheme("light")

commafeed-client/src/hooks/useMobile.ts

@@ -1,7 +1,9 @@
 import { useMediaQuery } from "@mantine/hooks"
 import { Constants } from "app/constants"
 
-export const useMobile = (breakpoint: string = Constants.layout.mobileBreakpoint) =>
-    !useMediaQuery(`(min-width: ${breakpoint})`, undefined, {
+export const useMobile = (breakpoint: string | number = Constants.layout.mobileBreakpoint) => {
+    const bp = typeof breakpoint === "number" ? `${breakpoint}px` : breakpoint
+    return !useMediaQuery(`(min-width: ${bp})`, undefined, {
         getInitialValueInEffect: false,
     })
+}