From 42edfe83e07b92f0a8efe399df56bc9e14f051b1 Mon Sep 17 00:00:00 2001
From: Jean Ribeiro <contact@jeanribeiro.dev>
Date: Wed, 21 Feb 2024 10:07:58 -0300
Subject: [PATCH] refactor: rebrand ProposalsDetails (#1974)

---
 ...tails.svelte => ProposalListDetails.svelte} | 18 ++++++++----------
 packages/desktop/components/index.ts           |  2 +-
 .../views/GovernanceDashboardView.svelte       |  4 ++--
 .../contexts/governance/interfaces/index.ts    |  2 +-
 ...e.ts => proposal-list-details.interface.ts} |  2 +-
 5 files changed, 13 insertions(+), 15 deletions(-)
 rename packages/desktop/components/{ProposalsDetails.svelte => ProposalListDetails.svelte} (82%)
 rename packages/shared/src/lib/contexts/governance/interfaces/{proposals-details.interface.ts => proposal-list-details.interface.ts} (73%)

diff --git a/packages/desktop/components/ProposalsDetails.svelte b/packages/desktop/components/ProposalListDetails.svelte
similarity index 82%
rename from packages/desktop/components/ProposalsDetails.svelte
rename to packages/desktop/components/ProposalListDetails.svelte
index ade52916d9..a927241e94 100644
--- a/packages/desktop/components/ProposalsDetails.svelte
+++ b/packages/desktop/components/ProposalListDetails.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Table } from '@bloomwalletio/ui'
-    import { IProposalsDetails } from '@contexts/governance/interfaces'
+    import { IProposalListDetails } from '@contexts/governance/interfaces'
     import {
         participationOverviewForSelectedAccount,
         registeredProposalsForSelectedAccount,
@@ -16,12 +16,10 @@
     import { localize } from '@core/i18n'
     import { activeProfileId } from '@core/profile/stores'
     import { PopupId, openPopup } from '@desktop/auxiliary/popup'
-    import { Text } from '@ui'
-    import { FontWeight } from '@ui/enums'
     import { onMount } from 'svelte'
-    import { Button } from '@bloomwalletio/ui'
+    import { Button, Text } from '@bloomwalletio/ui'
 
-    let details = <IProposalsDetails>{
+    let details = <IProposalListDetails>{
         totalProposals: null,
         activeProposals: null,
         votingProposals: null,
@@ -29,10 +27,10 @@
     }
 
     $: isOverviewLoaded = !!$participationOverviewForSelectedAccount
-    $: $registeredProposalsForSelectedAccount, $participationOverviewForSelectedAccount, updateProposalsDetails()
+    $: $registeredProposalsForSelectedAccount, $participationOverviewForSelectedAccount, updateProposalListDetails()
     $: $selectedAccount, void setParticipationOverview()
 
-    function updateProposalsDetails(): void {
+    function updateProposalListDetails(): void {
         if ($activeProfileId) {
             details = {
                 totalProposals: getNumberOfTotalProposals(),
@@ -59,8 +57,8 @@
     onMount(setParticipationOverview)
 </script>
 
-<proposals-details class="space-y-4">
-    <Text fontSize="14" fontWeight={FontWeight.semibold}>
+<proposal-list-details class="space-y-6">
+    <Text type="body2">
         {localize('views.governance.proposalsDetails.title')}
     </Text>
     <Table
@@ -70,4 +68,4 @@
         }))}
     />
     <Button variant="outlined" on:click={onAddProposalClick} width="full" text={localize('actions.addProposal')} />
-</proposals-details>
+</proposal-list-details>
diff --git a/packages/desktop/components/index.ts b/packages/desktop/components/index.ts
index 0d6715bbe2..1ed2932c37 100644
--- a/packages/desktop/components/index.ts
+++ b/packages/desktop/components/index.ts
@@ -17,7 +17,7 @@ export { default as NetworkCard } from './NetworkCard.svelte'
 export { default as NodeListTable } from './NodeListTable.svelte'
 export { default as ProposalAnswer } from './ProposalAnswer.svelte'
 export { default as ProposalCard } from './ProposalCard.svelte'
-export { default as ProposalsDetails } from './ProposalsDetails.svelte'
+export { default as ProposalListDetails } from './ProposalListDetails.svelte'
 export { default as SidebarTab } from './SidebarTab.svelte'
 export { default as StatusTile, type StatusTileProps } from './StatusTile.svelte'
 export { default as TitleBar } from './TitleBar.svelte'
diff --git a/packages/desktop/views/dashboard/governance/views/GovernanceDashboardView.svelte b/packages/desktop/views/dashboard/governance/views/GovernanceDashboardView.svelte
index 43d3fb1706..2a321ef3c8 100644
--- a/packages/desktop/views/dashboard/governance/views/GovernanceDashboardView.svelte
+++ b/packages/desktop/views/dashboard/governance/views/GovernanceDashboardView.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { IconName } from '@bloomwalletio/ui'
-    import { EmptyListPlaceholder, ProposalsDetails } from '@components'
+    import { EmptyListPlaceholder, ProposalListDetails } from '@components'
     import { Pane } from '@ui'
     import { ManageVotingPowerPane } from '../components'
     import { localize } from '@core/i18n'
@@ -12,7 +12,7 @@
     <div class="w-1/3 flex flex-col space-y-4">
         <ManageVotingPowerPane />
         <Pane classes="p-6 h-fit">
-            <ProposalsDetails />
+            <ProposalListDetails />
         </Pane>
     </div>
     <span class="block w-0.5 h-full bg-gray-200 dark:bg-gray-800" />
diff --git a/packages/shared/src/lib/contexts/governance/interfaces/index.ts b/packages/shared/src/lib/contexts/governance/interfaces/index.ts
index 40ba80aa43..8a02c36b95 100644
--- a/packages/shared/src/lib/contexts/governance/interfaces/index.ts
+++ b/packages/shared/src/lib/contexts/governance/interfaces/index.ts
@@ -2,4 +2,4 @@ export * from './organization.interface'
 export * from './proposal-answer-percentages.interface'
 export * from './proposal-filter.interface'
 export * from './proposal-state.interface'
-export * from './proposals-details.interface'
+export * from './proposal-list-details.interface'
diff --git a/packages/shared/src/lib/contexts/governance/interfaces/proposals-details.interface.ts b/packages/shared/src/lib/contexts/governance/interfaces/proposal-list-details.interface.ts
similarity index 73%
rename from packages/shared/src/lib/contexts/governance/interfaces/proposals-details.interface.ts
rename to packages/shared/src/lib/contexts/governance/interfaces/proposal-list-details.interface.ts
index 70eb008810..819d4d0c3e 100644
--- a/packages/shared/src/lib/contexts/governance/interfaces/proposals-details.interface.ts
+++ b/packages/shared/src/lib/contexts/governance/interfaces/proposal-list-details.interface.ts
@@ -1,4 +1,4 @@
-export interface IProposalsDetails {
+export interface IProposalListDetails {
     totalProposals: number
     activeProposals: number
     votingProposals: number