From 9f0d43fe099a95ab1516ae951dcb60a89e76a5a5 Mon Sep 17 00:00:00 2001 From: 简律纯 Date: Fri, 3 Nov 2023 21:13:33 +0800 Subject: chore: delete useless codes --- docs/components/usePrefersReducedMotion.tsx | 44 ----------------------------- 1 file changed, 44 deletions(-) delete mode 100644 docs/components/usePrefersReducedMotion.tsx (limited to 'docs/components/usePrefersReducedMotion.tsx') diff --git a/docs/components/usePrefersReducedMotion.tsx b/docs/components/usePrefersReducedMotion.tsx deleted file mode 100644 index dd9d82c..0000000 --- a/docs/components/usePrefersReducedMotion.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import { useState, useEffect } from "react"; - -const QUERY = "(prefers-reduced-motion: no-preference)"; -const isRenderingOnServer = typeof window === "undefined"; -/** - * All code here from https://www.joshwcomeau.com/snippets/react-hooks/use-prefers-reduced-motion/ - */ -const getInitialState = () => { - // For our initial server render, we won't know if the user - // prefers reduced motion, but it doesn't matter. This value - // will be overwritten on the client, before any animations - // occur. - return isRenderingOnServer ? true : !window.matchMedia(QUERY).matches; -}; - -/** - * Checks the user's device setting for `prefers-reduced-motion`. - * Use this if you can't use a media query in CSS. - * - * From https://www.joshwcomeau.com/snippets/react-hooks/use-prefers-reduced-motion/ - */ -export function usePrefersReducedMotion(): boolean { - const [prefersReducedMotion, setPrefersReducedMotion] = - useState(getInitialState); - useEffect(() => { - const mediaQueryList = window.matchMedia(QUERY); - const listener = (event: MediaQueryListEvent) => { - setPrefersReducedMotion(!event.matches); - }; - if (mediaQueryList.addEventListener) { - mediaQueryList.addEventListener("change", listener); - } else { - mediaQueryList.addListener(listener); - } - return () => { - if (mediaQueryList.removeEventListener) { - mediaQueryList.removeEventListener("change", listener); - } else { - mediaQueryList.removeListener(listener); - } - }; - }, []); - return prefersReducedMotion; -} -- cgit v1.2.3-70-g09d2