From 1c19f11c703418455196a848db7932c35a0d62c9 Mon Sep 17 00:00:00 2001
From: Dustin Brett <dustinbrett@gmail.com>
Date: Sat, 27 Jan 2024 09:35:34 -0800
Subject: [PATCH] Move to it's own hook file

---
 hooks/useExtensionDisabler.ts | 15 +++++++++++++++
 pages/index.tsx               | 17 ++---------------
 2 files changed, 17 insertions(+), 15 deletions(-)
 create mode 100644 hooks/useExtensionDisabler.ts

diff --git a/hooks/useExtensionDisabler.ts b/hooks/useExtensionDisabler.ts
new file mode 100644
index 00000000..f9e47bc2
--- /dev/null
+++ b/hooks/useExtensionDisabler.ts
@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+
+export const useExtensionDisabler = (): void => {
+  useEffect(() => {
+    // https://github.com/darkreader/darkreader/blob/main/CONTRIBUTING.md#disabling-dark-reader-on-your-site
+    // TODO: Remove once in https://github.com/darkreader/darkreader/blob/main/src/config/dark-sites.config
+    if ("darkreaderMode" in document.documentElement.dataset) {
+      const metaDarkReaderOff = document.createElement("meta");
+
+      metaDarkReaderOff.name = "darkreader-lock";
+
+      document.head.append(metaDarkReaderOff);
+    }
+  }, []);
+};
diff --git a/pages/index.tsx b/pages/index.tsx
index 3e17a1d1..f32ab0ce 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,4 +1,4 @@
-import { memo, useEffect } from "react";
+import { memo } from "react";
 import AppsLoader from "components/system/Apps/AppsLoader";
 import Desktop from "components/system/Desktop";
 import Taskbar from "components/system/Taskbar";
@@ -6,20 +6,7 @@ import useGlobalErrorHandler from "hooks/useGlobalErrorHandler";
 import useGlobalKeyboardShortcuts from "hooks/useGlobalKeyboardShortcuts";
 import useIFrameFocuser from "hooks/useIFrameFocuser";
 import useUrlLoader from "hooks/useUrlLoader";
-
-const useExtensionDisabler = (): void => {
-  useEffect(() => {
-    // https://github.com/darkreader/darkreader/blob/main/CONTRIBUTING.md#disabling-dark-reader-on-your-site
-    // TODO: Remove once in https://github.com/darkreader/darkreader/blob/main/src/config/dark-sites.config
-    if ("darkreaderMode" in document.documentElement.dataset) {
-      const metaDarkReaderOff = document.createElement("meta");
-
-      metaDarkReaderOff.name = "darkreader-lock";
-
-      document.head.append(metaDarkReaderOff);
-    }
-  }, []);
-};
+import { useExtensionDisabler } from "hooks/useExtensionDisabler";
 
 const Index = (): React.ReactElement => {
   useIFrameFocuser();