From 276731947c1110494892e9bbec8aacac5221d198 Mon Sep 17 00:00:00 2001
From: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Date: Fri, 23 Jan 2026 18:48:51 -0500
Subject: [PATCH] Fully Fix Holy Notes

---
 .../holyNotes/components/modals/Notebook.tsx         | 12 ++++++------
 .../holyNotes/components/modals/RenderMessage.tsx    |  2 ++
 src/equicordplugins/holyNotes/index.tsx              |  2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/equicordplugins/holyNotes/components/modals/Notebook.tsx b/src/equicordplugins/holyNotes/components/modals/Notebook.tsx
index a674a7948..14e32c847 100644
--- a/src/equicordplugins/holyNotes/components/modals/Notebook.tsx
+++ b/src/equicordplugins/holyNotes/components/modals/Notebook.tsx
@@ -7,7 +7,7 @@
 import { BaseText } from "@components/BaseText";
 import ErrorBoundary from "@components/ErrorBoundary";
 import { Flex } from "@components/Flex";
-import { quickSelect, quickSelectArrow, quickSelectLabel, quickSelectQuick, quickSelectValue } from "@equicordplugins/holyNotes";
+import { quickSelectClasses } from "@equicordplugins/holyNotes";
 import HelpIcon from "@equicordplugins/holyNotes/components/icons/HelpIcon";
 import { noteHandler } from "@equicordplugins/holyNotes/NoteHandler";
 import { HolyNotes } from "@equicordplugins/holyNotes/types";
@@ -124,7 +124,7 @@ export const NoteModal = (props: ModalProps & { onClose: () => void; }) => {
                     <div className={classes("sort-button-container", "vc-notebook-display-left")}>
                         <Flex
                             alignItems="center"
-                            className={quickSelect}
+                            className={quickSelectClasses.quickSelect}
                             onClick={(event: React.MouseEvent<HTMLDivElement>) => {
                                 ContextMenuApi.openContextMenu(event, () => (
                                     <Menu.Menu
@@ -162,13 +162,13 @@ export const NoteModal = (props: ModalProps & { onClose: () => void; }) => {
                                 ));
                             }}
                         >
-                            <BaseText className={quickSelectLabel}>Change Sorting:</BaseText>
-                            <Flex style={{ flexGrow: 0 }} alignItems="center" className={quickSelectQuick}>
-                                <BaseText className={quickSelectValue}>
+                            <BaseText className={quickSelectClasses.quickSelectLabel}>Change Sorting:</BaseText>
+                            <Flex style={{ flexGrow: 0 }} alignItems="center" className={quickSelectClasses.quickSelectClick}>
+                                <BaseText className={quickSelectClasses.quickSelectValue}>
                                     {sortDirection ? "Ascending" : "Descending"} /{" "}
                                     {sortType ? "Date Added" : "Message Date"}
                                 </BaseText>
-                                <div className={quickSelectArrow} />
+                                <div className={quickSelectClasses.quickSelectArrow} />
                             </Flex>
                         </Flex>
                     </div>
diff --git a/src/equicordplugins/holyNotes/components/modals/RenderMessage.tsx b/src/equicordplugins/holyNotes/components/modals/RenderMessage.tsx
index eef22ca9f..a20c35a19 100644
--- a/src/equicordplugins/holyNotes/components/modals/RenderMessage.tsx
+++ b/src/equicordplugins/holyNotes/components/modals/RenderMessage.tsx
@@ -14,6 +14,8 @@ import { classes } from "@utils/misc";
 import { ModalProps } from "@utils/modal";
 import { ContextMenuApi, FluxDispatcher, Menu, NavigationRouter, React } from "@webpack/common";
 
+import { Channel } from "../..";
+
 export const RenderMessage = ({
     note,
     notebook,
diff --git a/src/equicordplugins/holyNotes/index.tsx b/src/equicordplugins/holyNotes/index.tsx
index 3c748908f..6ce9c23ac 100644
--- a/src/equicordplugins/holyNotes/index.tsx
+++ b/src/equicordplugins/holyNotes/index.tsx
@@ -38,7 +38,7 @@ export const MessageType = findByCodeLazy("isEdited(){");
 export const { statusTagGreen } = findCssClassesLazy("statusTagGreen");
 export const iconClasses = findCssClassesLazy("iconWrapper", "clickable");
 export const resultsClasses = findCssClassesLazy("emptyResultsWrap", "emptyResultsContent", "errorImage", "emptyResultsText", "noResultsImage", "alt");
-export const { quickSelect, quickSelectLabel, quickSelectQuick, quickSelectValue, quickSelectArrow } = findCssClassesLazy("quickSelect", "quickSelectLabel", "quickSelectQuick", "quickSelectValue", "quickSelectArrow");
+export const quickSelectClasses = findCssClassesLazy("quickSelect", "quickSelectLabel", "quickSelectClick", "quickSelectValue", "quickSelectArrow");
 export const messageClasses = findCssClassesLazy("message", "groupStart", "cozyMessage");
 export const Channel = findByCodeLazy("computeLurkerPermissionsAllowList(){");
 export const ChannelMessage = findComponentByCodeLazy("Message must not be a thread");