From 89ce0e0b2e165b14142f1f5c9c6e04a5e5ab8014 Mon Sep 17 00:00:00 2001
From: Mark Nardi <nardimark7@gmail.com>
Date: Tue, 20 Feb 2024 15:52:05 +0100
Subject: [PATCH] ui: rebrand proposal list (#1969)

* move proposals

* ui: rebrand proposallist
---
 packages/desktop/components/index.ts               |  1 -
 .../views/GovernanceDashboardView.svelte           |  5 +++--
 .../governance/components/ProposalList.svelte}     | 14 +++++---------
 .../desktop/views/governance/components/index.ts   |  1 +
 4 files changed, 9 insertions(+), 12 deletions(-)
 rename packages/desktop/{components/Proposals.svelte => views/governance/components/ProposalList.svelte} (80%)

diff --git a/packages/desktop/components/index.ts b/packages/desktop/components/index.ts
index 89bbb87356..0d6715bbe2 100644
--- a/packages/desktop/components/index.ts
+++ b/packages/desktop/components/index.ts
@@ -15,7 +15,6 @@ export { default as FormattedBalance } from './FormattedBalance.svelte'
 export { default as NavbarContainer } from './NavbarContainer.svelte'
 export { default as NetworkCard } from './NetworkCard.svelte'
 export { default as NodeListTable } from './NodeListTable.svelte'
-export { default as Proposals } from './Proposals.svelte'
 export { default as ProposalAnswer } from './ProposalAnswer.svelte'
 export { default as ProposalCard } from './ProposalCard.svelte'
 export { default as ProposalsDetails } from './ProposalsDetails.svelte'
diff --git a/packages/desktop/views/dashboard/governance/views/GovernanceDashboardView.svelte b/packages/desktop/views/dashboard/governance/views/GovernanceDashboardView.svelte
index 449864a9df..43d3fb1706 100644
--- a/packages/desktop/views/dashboard/governance/views/GovernanceDashboardView.svelte
+++ b/packages/desktop/views/dashboard/governance/views/GovernanceDashboardView.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
     import { IconName } from '@bloomwalletio/ui'
-    import { EmptyListPlaceholder, Proposals, ProposalsDetails } from '@components'
+    import { EmptyListPlaceholder, ProposalsDetails } from '@components'
     import { Pane } from '@ui'
     import { ManageVotingPowerPane } from '../components'
     import { localize } from '@core/i18n'
     import { registeredProposalsForSelectedAccount } from '@contexts/governance/stores'
+    import { ProposalList } from '@views/governance'
 </script>
 
 <governance-dashboard class="w-full h-full flex flex-nowrap p-8 relative flex-1 space-x-6">
@@ -17,7 +18,7 @@
     <span class="block w-0.5 h-full bg-gray-200 dark:bg-gray-800" />
     <div class="w-2/3">
         {#if Object.keys($registeredProposalsForSelectedAccount).length}
-            <Proposals />
+            <ProposalList />
         {:else}
             <div class="w-full h-full flex flex-col items-center justify-center">
                 <EmptyListPlaceholder
diff --git a/packages/desktop/components/Proposals.svelte b/packages/desktop/views/governance/components/ProposalList.svelte
similarity index 80%
rename from packages/desktop/components/Proposals.svelte
rename to packages/desktop/views/governance/components/ProposalList.svelte
index 53ee803388..2cb078dd88 100644
--- a/packages/desktop/components/Proposals.svelte
+++ b/packages/desktop/views/governance/components/ProposalList.svelte
@@ -1,10 +1,8 @@
 <script lang="ts">
     import { Filter, ProposalCard } from '@components'
-    import { Text, SearchInput } from '@ui'
-    import { FontWeight } from '@ui/enums'
-
+    import { SearchInput } from '@ui'
+    import { Text } from '@bloomwalletio/ui'
     import { localize } from '@core/i18n'
-
     import { proposalFilter, registeredProposalsForSelectedAccount } from '@contexts/governance/stores'
     import { isVisibleProposal, sortProposals } from '@contexts/governance/utils'
 
@@ -31,15 +29,13 @@
 
 <proposals-container class="flex flex-col h-full">
     <header-container class="flex justify-between items-center mb-4 h-9">
-        <Text fontSize="14" fontWeight={FontWeight.semibold}>
-            {localize('views.governance.proposals.title')}
-        </Text>
-        <div class="flex flex-row space-x-2 items-center">
+        <Text type="body2">{localize('views.governance.proposals.title')}</Text>
+        <div class="flex flex-row gap-5 items-center">
             <SearchInput bind:value={searchTerm} />
             <Filter filterStore={proposalFilter} />
         </div>
     </header-container>
-    <ul class="grid grid-cols-2 auto-rows-min gap-6 flex-1 overflow-y-scroll pr-3 -mr-5">
+    <ul class="grid grid-cols-2 auto-rows-min gap-4 flex-1 overflow-y-scroll pr-3 -mr-5">
         {#each sortedProposals as proposal}
             <ProposalCard {proposal} />
         {/each}
diff --git a/packages/desktop/views/governance/components/index.ts b/packages/desktop/views/governance/components/index.ts
index 1cd1ec2186..10cc878208 100644
--- a/packages/desktop/views/governance/components/index.ts
+++ b/packages/desktop/views/governance/components/index.ts
@@ -1,4 +1,5 @@
 export { default as ProposalInformationPane } from './ProposalInformationPane.svelte'
+export { default as ProposalList } from './ProposalList.svelte'
 export { default as ProposalQuestion } from './ProposalQuestion.svelte'
 export { default as ProposalStatusInfo } from './ProposalStatusInfo.svelte'
 export { default as ProposalStatusPill } from './ProposalStatusPill.svelte'