From 0c3fb8ff2fb64d6d9bacde317774924db5cd017e Mon Sep 17 00:00:00 2001
From: rushiiMachine <33725716+rushiiMachine@users.noreply.github.com>
Date: Mon, 24 Jun 2024 23:11:28 -0700
Subject: [PATCH] export modal

---
 src/plugins/timezones/components.tsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/plugins/timezones/components.tsx b/src/plugins/timezones/components.tsx
index 34079a5e0..b6df6f413 100644
--- a/src/plugins/timezones/components.tsx
+++ b/src/plugins/timezones/components.tsx
@@ -99,13 +99,8 @@ function LocalTimestampInner(props: LocalTimestampProps): JSX.Element | null {
                       className={classes}
                       onClick={() => {
                           toolTipProps.onClick();
-                          openModal(modalProps =>
-                              <TimezoneOverrideModal
-                                  userId={props.userId}
-                                  modalProps={modalProps} />,
-                          );
-                      }}
-                >
+                          openTimezoneOverwriteModal(props.userId);
+                      }}>
                     {shortTimeFormatted}
                 </span>
             </>}
@@ -118,7 +113,7 @@ interface TimezoneOverrideModalProps {
     modalProps: ModalProps,
 }
 
-export function TimezoneOverrideModal(props: TimezoneOverrideModalProps) {
+function TimezoneOverrideModal(props: TimezoneOverrideModalProps) {
     const [availableTimezones, setAvailableTimezones] = useState<SelectOption[]>();
     const [timezone, setTimezone] = useState<string | "NONE" | undefined>();
 
@@ -212,3 +207,11 @@ export function TimezoneOverrideModal(props: TimezoneOverrideModalProps) {
         </ModalFooter>
     </ModalRoot>;
 }
+
+export function openTimezoneOverwriteModal(userId: string) {
+    openModal(modalProps => <>
+        <ErrorBoundary>
+            <TimezoneOverrideModal userId={userId} modalProps={modalProps} />
+        </ErrorBoundary>
+    </>);
+}