alkem-io / client-web / #9533

import { useCurrentUserContext } from '@/domain/community/userCurrent/useCurrentUserContext';

import { createContext, useState, useContext, ReactNode, useEffect } from 'react';

import { NotificationFilterType } from './notificationFilters';

const NOTIFICATION_FILTER_STORAGE_KEY = 'alkemio.notifications.filter';

interface InAppNotificationsContextProps {

  isEnabled: boolean;

  isOpen: boolean;

  setIsOpen: (isOpen: boolean) => void;

  setSelectedFilter: (filter: NotificationFilterType) => void;

  isEnabled: false,

  selectedFilter: NotificationFilterType.All,

  setSelectedFilter: () => {},

const InAppNotifications = createContext<InAppNotificationsContextProps>(defaultState);

  const { userModel } = useCurrentUserContext();

  // Initialize filter from localStorage or default to All

  const [selectedFilter, setSelectedFilter] = useState<NotificationFilterType>(() => {

      const stored = localStorage.getItem(NOTIFICATION_FILTER_STORAGE_KEY);

      if (stored && Object.values(NotificationFilterType).includes(stored as NotificationFilterType)) {

        return stored as NotificationFilterType;

      }

    } catch (error) {

      console.error('Failed to read notification filter from localStorage:', error);

    }

    return NotificationFilterType.All;

  });

  // Persist filter changes to localStorage

  useEffect(() => {

    try {

      localStorage.setItem(NOTIFICATION_FILTER_STORAGE_KEY, selectedFilter);

    } catch (error) {

      console.error('Failed to save notification filter to localStorage:', error);

    }

  }, [selectedFilter]);

  // let's keep that logic in case we want to enable/disable the feature in the future

  const isEnabled = Boolean(userModel?.id);

  return (

    <InAppNotifications value={{ isEnabled, isOpen, setIsOpen, selectedFilter, setSelectedFilter }}>

      {children}

    </InAppNotifications>

  );

};

export const useInAppNotificationsContext = () => {

  const context = useContext(InAppNotifications);

  if (!context) {

    throw new Error('useInAppNotificationsContext must be used within a InAppNotificationsProvider');

  }

  return context;

};