ui: rebrand proposal list (#1969)

* move proposals

* ui: rebrand proposallist

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'

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

packages/desktop/components/Proposals.svelte → 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}

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'