[Obs AI Assistant] Refactor (elastic#204087)

viduni94 · Jan 30, 2025 · f8f23ae · f8f23ae
1 parent 19437f4
commit f8f23ae
Showing 1 changed file with 10 additions and 11 deletions.
diff --git a/...ervability/plugins/observability_ai_assistant_app/public/components/nav_control/index.tsx b/...ervability/plugins/observability_ai_assistant_app/public/components/nav_control/index.tsx
@@ -82,15 +82,7 @@ export function NavControl({ isServerless }: { isServerless?: boolean }) {
   const [isOpen, setIsOpen] = useState(flyoutSettings.isOpen);
   const [hasBeenOpened, setHasBeenOpened] = useState(isOpen);
   const keyRef = useRef(v4());
-
-  const openFlyout = useCallback(() => {
-    if (!isOpen) {
-      keyRef.current = v4();
-      setHasBeenOpened(true);
-      setFlyoutSettings((prev) => ({ ...prev, isOpen: true }));
-      setIsOpen(true);
-    }
-  }, [isOpen, setFlyoutSettings]);
+  const theme = useTheme();
 
   const chatService = useAbortableAsync(
     ({ signal }) => {
@@ -115,6 +107,15 @@ export function NavControl({ isServerless }: { isServerless?: boolean }) {
     [service, hasBeenOpened, notifications.toasts]
   );
 
+  const openFlyout = useCallback(() => {
+    if (!isOpen) {
+      keyRef.current = v4();
+      setHasBeenOpened(true);
+      setFlyoutSettings((prev) => ({ ...prev, isOpen: true }));
+      setIsOpen(true);
+    }
+  }, [isOpen, setFlyoutSettings]);
+
   useEffect(() => {
     const conversationSubscription = service.conversations.predefinedConversation$.subscribe(() => {
       openFlyout();
@@ -133,8 +134,6 @@ export function NavControl({ isServerless }: { isServerless?: boolean }) {
     hideConversationList: false,
   };
 
-  const theme = useTheme();
-
   const buttonCss = css`
     padding: 0px 8px;