Clean up NotificationService imports (#22072)

Author: edmundito

airbyte-webapp/src/App.tsx

@@ -14,7 +14,7 @@ import { ConfirmationModalService } from "hooks/services/ConfirmationModal";
 import { defaultOssFeatures, FeatureService } from "hooks/services/Feature";
 import { FormChangeTrackerService } from "hooks/services/FormChangeTracker";
 import { ModalServiceProvider } from "hooks/services/Modal";
-import NotificationService from "hooks/services/Notification";
+import { NotificationService } from "hooks/services/Notification";
 import { AnalyticsProvider } from "views/common/AnalyticsProvider";
 import { StoreProvider } from "views/common/StoreProvider";
 

airbyte-webapp/src/hooks/services/Notification/NotificationService.tsx

@@ -9,7 +9,7 @@ import { Notification, NotificationServiceApi, NotificationServiceState } from "
 
 const notificationServiceContext = React.createContext<NotificationServiceApi | null>(null);
 
-const NotificationService = ({ children }: { children: React.ReactNode }) => {
+export const NotificationService = React.memo(({ children }: { children: React.ReactNode }) => {
   const [state, { addNotification, clearAll, deleteNotificationById }] = useTypesafeReducer<
     NotificationServiceState,
     typeof actions
@@ -47,7 +47,7 @@ const NotificationService = ({ children }: { children: React.ReactNode }) => {
       ) : null}
     </>
   );
-};
+});
 
 interface NotificationServiceHook {
   registerNotification: (notification: Notification) => void;
@@ -82,5 +82,3 @@ export const useNotificationService: (notification?: Notification, dependencies?
     unregisterAllNotifications: notificationService.clearAll,
   };
 };
-
-export default React.memo(NotificationService);

airbyte-webapp/src/hooks/services/Notification/index.ts

@@ -0,0 +1,2 @@
+export { NotificationService, useNotificationService } from "./NotificationService";
+export * from "./types";

airbyte-webapp/src/hooks/services/Notification/index.tsx

@@ -13,7 +13,7 @@ import { ConfirmationModalService } from "hooks/services/ConfirmationModal";
 import { defaultCloudFeatures, FeatureService } from "hooks/services/Feature";
 import { FormChangeTrackerService } from "hooks/services/FormChangeTracker";
 import { ModalServiceProvider } from "hooks/services/Modal";
-import NotificationServiceProvider from "hooks/services/Notification";
+import { NotificationService } from "hooks/services/Notification";
 import en from "locales/en.json";
 import { Routing } from "packages/cloud/cloudRoutes";
 import cloudLocales from "packages/cloud/locales/en.json";
@@ -35,7 +35,7 @@ const Services: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => (
   <AnalyticsProvider>
     <AppMonitoringServiceProvider>
       <ApiErrorBoundary>
-        <NotificationServiceProvider>
+        <NotificationService>
           <ConfirmationModalService>
             <ModalServiceProvider>
               <FormChangeTrackerService>
@@ -51,7 +51,7 @@ const Services: React.FC<React.PropsWithChildren<unknown>> = ({ children }) => (
               </FormChangeTrackerService>
             </ModalServiceProvider>
           </ConfirmationModalService>
-        </NotificationServiceProvider>
+        </NotificationService>
       </ApiErrorBoundary>
     </AppMonitoringServiceProvider>
   </AnalyticsProvider>