fix: correct proposal state store

packages/desktop/views/dashboard/governance/views/DetailsView.svelte

@@ -1,4 +1,5 @@
 <script lang="typescript">
+    import { VotingEventPayload, ParticipationEventType } from '@iota/wallet/out/types'
     import { localize } from '@core/i18n'
     import {
         Button,
@@ -13,23 +14,23 @@
         TextType,
     } from '@ui'
     import { Icon as IconEnum } from '@auxiliary/icon'
+    import { openPopup } from '@auxiliary/popup'
+    import { activeProfileId } from '@core/profile/stores'
+    import { networkStatus } from '@core/network/stores'
     import { getVotingEvent } from '@core/profile-manager'
     import { governanceRouter } from '@core/router'
     import { getParticipationOverview, selectedAccount } from '@core/account'
-    import { VotingEventPayload, ParticipationEventType } from '@iota/wallet/out/types'
     import type { IParticipations } from '@contexts/governance/interfaces'
-    import { openPopup } from '@auxiliary/popup'
     import { ProposalStatus } from '@contexts/governance/enums'
     import { proposalsState, selectedProposal } from '@contexts/governance/stores'
-    import { networkStatus } from '@core/network/stores'
 
     let selectedIndices: number[] = []
     let votingPayload: VotingEventPayload
     let totalVotes = 0
 
     $: void setVotingEventPayload($selectedProposal?.id)
     $: void setTotalVotes()
-    $: proposalStatus = $proposalsState[$selectedProposal?.id]?.status
+    $: proposalStatus = $proposalsState[$activeProfileId]?.[$selectedProposal?.id]?.status
 
     $: votesCounter = {
         total: totalVotes,

packages/shared/components/organisms/ProposalCard.svelte

@@ -1,18 +1,18 @@
 <script lang="typescript">
     import { ProposalStatusInfo, Text, TooltipIcon } from 'shared/components'
+    import { Icon } from '@auxiliary/icon/enums'
+    import { localize } from '@core/i18n'
+    import { activeProfileId } from '@core/profile/stores'
+    import { GovernanceRoute, governanceRouter } from '@core/router'
     import { IProposal } from '@contexts/governance/interfaces'
-    import { selectedProposal } from '@contexts/governance/stores'
+    import { selectedProposal, proposalsState } from '@contexts/governance/stores'
     import { ProposalStatus } from '@contexts/governance/enums'
-    import { GovernanceRoute, governanceRouter } from '@core/router'
 
     import { FontWeight, Position } from '../enums'
-    import { Icon } from '@auxiliary/icon/enums'
-    import { localize } from '@core/i18n'
-    import { proposalsState } from '@contexts/governance/stores'
 
     export let proposal: IProposal
 
-    $: proposalState = $proposalsState[proposal?.id]
+    $: proposalState = $proposalsState[$activeProfileId]?.[proposal?.id]
 
     function handleProposalClick(): void {
         $selectedProposal = proposal

packages/shared/lib/contexts/governance/interfaces/index.ts

@@ -1,3 +1,4 @@
 export * from './organization.interface'
 export * from './proposal.interface'
 export * from './participation.interface'
+export * from './proposal-state.interface'

packages/shared/lib/contexts/governance/interfaces/proposal-state.interface.ts

@@ -0,0 +1,7 @@
+import type { EventStatus } from '@iota/wallet'
+
+export interface IProposalState {
+    [profileId: string]: {
+        [eventId: string]: EventStatus
+    }
+}

packages/shared/lib/contexts/governance/stores/proposals-state.store.ts

@@ -1,34 +1,42 @@
 import { get } from 'svelte/store'
-import type { EventStatus } from '@iota/wallet'
 import { getVotingProposalState } from '@core/profile-manager/api'
+import { activeProfileId } from '@core/profile/stores'
 import { persistent } from '@core/utils/store'
+import { IProposalState } from '../interfaces'
 
-export const proposalsState = persistent<{ [key in string]: EventStatus }>('proposalsState', {})
+export const proposalsState = persistent<IProposalState>('proposalsState', {})
 
 export async function addProposalState(eventId: string): Promise<void> {
+    const profileId = get(activeProfileId)
     const _proposalsState = get(proposalsState)
-    const hasRegisteredProposalStatus = Object.keys(_proposalsState).includes(eventId)
-    if (!hasRegisteredProposalStatus) {
-        const proposalStatus = await getVotingProposalState(eventId)
-        _proposalsState[eventId] = proposalStatus
-        proposalsState.set(_proposalsState)
+
+    const votingProposalState = await getVotingProposalState(eventId)
+
+    if (!_proposalsState[profileId]) {
+        _proposalsState[profileId] = {}
     }
+
+    _proposalsState[profileId][eventId] = votingProposalState
+    proposalsState.set(_proposalsState)
 }
 
 export function removeProposalState(eventId: string): void {
+    const profileId = get(activeProfileId)
     const _proposalsState = get(proposalsState)
-    const hasRegisteredProposalStatus = Object.keys(_proposalsState).includes(eventId)
-    if (hasRegisteredProposalStatus) {
-        delete _proposalsState[eventId]
+
+    if (_proposalsState[profileId]?.[eventId]) {
+        delete _proposalsState[profileId][eventId]
         proposalsState.set(_proposalsState)
     }
 }
 
 export async function updateProposalsState(): Promise<void> {
+    const profileId = get(activeProfileId)
     const _proposalsState = get(proposalsState)
-    for (const eventId in _proposalsState) {
-        const proposalStatus = await getVotingProposalState(eventId)
-        _proposalsState[eventId] = proposalStatus
+
+    for (const eventId of Object.keys(_proposalsState[profileId] ?? {})) {
+        const votingProposalState = await getVotingProposalState(eventId)
+        _proposalsState[profileId][eventId] = votingProposalState
     }
     proposalsState.set(_proposalsState)
 }