Convert Immutable data structures to plain JS objects in modals and c…

src/components/common/MuteButton/index.js

@@ -84,8 +84,8 @@ const MuteButton = (props) => {
 }
 
 const mapStateToProps = (state) => ({
-  mutedList: state.profile.get('mutedList'),
-  mutedListAll: state.profile.get('mutedListAll'),
+  mutedList: state.profile.get('mutedList')?.toJS ? state.profile.get('mutedList').toJS() : state.profile.get('mutedList'),
+  mutedListAll: state.profile.get('mutedListAll')?.toJS ? state.profile.get('mutedListAll').toJS() : state.profile.get('mutedListAll'),
 })
 
 

src/components/modals/BlacklistModal/index.js

@@ -205,7 +205,7 @@ const mapStateToProps = (state) => ({
   theme: state.settings.get('theme'),
   blacklistModal: state.interfaces.get('blacklistDialog')?.toJS ? state.interfaces.get('blacklistDialog').toJS() : state.interfaces.get('blacklistDialog'),
   loading: pending(state, 'BLACKLIST_USER_REQUEST') || pending(state, 'UNBLACKLIST_USER_REQUEST'),
-  blacklistedList: state.profile.get('blacklistedList'),
+  blacklistedList: state.profile.get('blacklistedList')?.toJS ? state.profile.get('blacklistedList').toJS() : state.profile.get('blacklistedList'),
 })
 
 const mapDispatchToProps = (dispatch) => ({

src/components/modals/FollowBlacklistsModal/index.js

@@ -236,7 +236,7 @@ const mapStateToProps = (state) => ({
   theme: state.settings.get('theme'),
   followBlacklistsDialog: state.interfaces.get('followBlacklistsDialog')?.toJS ? state.interfaces.get('followBlacklistsDialog').toJS() : state.interfaces.get('followBlacklistsDialog'),
   loading: pending(state, 'FOLLOW_BLACKLISTS_REQUEST') || pending(state, 'UNFOLLOW_BLACKLISTS_REQUEST'),
-  followedBlacklist: state.profile.get('followedBlacklist'),
+  followedBlacklist: state.profile.get('followedBlacklist')?.toJS ? state.profile.get('followedBlacklist').toJS() : state.profile.get('followedBlacklist'),
 })
 
 const mapDispatchToProps = (dispatch) => ({

src/components/modals/FollowMutedListModal/index.js

@@ -236,7 +236,7 @@ const mapStateToProps = (state) => ({
   theme: state.settings.get('theme'),
   followMutedModal: state.interfaces.get('followMutedListDialog')?.toJS ? state.interfaces.get('followMutedListDialog').toJS() : state.interfaces.get('followMutedListDialog'),
   loading: pending(state, 'FOLLOW_MUTED_LIST_REQUEST') || pending(state, 'UNFOLLOW_MUTED_LIST_REQUEST'),
-  followedMutedList: state.profile.get('followedMuted'),
+  followedMutedList: state.profile.get('followedMuted')?.toJS ? state.profile.get('followedMuted').toJS() : state.profile.get('followedMuted'),
 })
 
 const mapDispatchToProps = (dispatch) => ({

src/components/modals/HideBuzzModal/index.js

@@ -177,7 +177,7 @@ const mapStateToProps = (state) => ({
   theme: state.settings.get('theme'),
   hideBuzzDialog: state.interfaces.get('hideBuzzDialog')?.toJS ? state.interfaces.get('hideBuzzDialog').toJS() : state.interfaces.get('hideBuzzDialog'),
   loading: pending(state, 'HIDE_BUZZ_REQUEST'),
-  mutelist: state.auth.get('mutelist'),
+  mutelist: state.auth.get('mutelist')?.toJS ? state.auth.get('mutelist').toJS() : state.auth.get('mutelist'),
 })
 
 const mapDispatchToProps = (dispatch) => ({

src/components/modals/MuteModal/index.js

@@ -117,8 +117,12 @@ const MuteModal = (props) => {
   const { muteSuccessCallback } = muteModal
 
   useEffect(() => {
+    console.log('MuteModal useEffect - muteModal:', muteModal)
+    console.log('MuteModal useEffect - muteModal type:', typeof muteModal, muteModal?.constructor?.name)
+    console.log('MuteModal useEffect - has open prop?', muteModal?.hasOwnProperty('open'))
     if(muteModal && muteModal.hasOwnProperty('open')) {
       const { open, username } = muteModal
+      console.log('MuteModal opening - open:', open, 'username:', username)
       setOpen(open)
       setUsername(username)
       if(mutelist.includes(username)) {
@@ -250,7 +254,7 @@ const mapStateToProps = (state) => ({
   theme: state.settings.get('theme'),
   muteModal: state.interfaces.get('muteDialogUser')?.toJS ? state.interfaces.get('muteDialogUser').toJS() : state.interfaces.get('muteDialogUser'),
   loading: pending(state, 'MUTE_USER_REQUEST'),
-  mutelist: state.auth.get('mutelist'),
+  mutelist: state.auth.get('mutelist')?.toJS ? state.auth.get('mutelist').toJS() : state.auth.get('mutelist'),
 })
 
 const mapDispatchToProps = (dispatch) => ({

src/components/pages/Profile/index.js

@@ -370,6 +370,8 @@ const Profile = (props) => {
   }
 
   const openMuteModal = () => {
+    console.log('openMuteModal called for username:', username)
+    console.log('openMuteDialog function:', typeof openMuteDialog)
     openMuteDialog(username)
   }
 
@@ -978,7 +980,7 @@ const mapStateToProps = (state) => ({
   loadingFollow: pending(state, 'FOLLOW_REQUEST') || pending(state, 'UNFOLLOW_REQUEST'),
   recentFollows: state.posts.get('hasBeenRecentlyFollowed'),
   recentUnfollows: state.posts.get('hasBeenRecentlyUnfollowed'),
-  mutelist: state.auth.get('mutelist'),
+  mutelist: state.auth.get('mutelist')?.toJS ? state.auth.get('mutelist').toJS() : state.auth.get('mutelist'),
   follows: state.profile.get('following'),
 })
 

src/store/interface/reducers.js

@@ -79,8 +79,10 @@ export const interfaces = (state = defaultState, { type, payload }) => {
   case SET_BUZZ_CONFIRM_MODAL_STATUS:
     return state.set('buzzConfirmModalStatus', payload)
   case OPEN_MUTE_DIALOG:
+    console.log('OPEN_MUTE_DIALOG reducer - payload:', payload)
     return state.set('muteDialogUser', { open: true, ...payload })
   case CLOSE_MUTE_DIALOG:
+    console.log('CLOSE_MUTE_DIALOG reducer')
     return state.set('muteDialogUser', { open: false, username: null })
   case OPEN_HIDE_BUZZ_DIALOG:
     return state.set('hideBuzzDialog', { open: true, ...payload })