From d8573600cfbd7c8caa21ed35d97ad331a6668688 Mon Sep 17 00:00:00 2001
From: Mark Nardi <nardimark7@gmail.com>
Date: Tue, 20 Feb 2024 15:12:28 +0100
Subject: [PATCH 1/2] rebarnd proposal information pane

---
 .../components/panes/ProposalInformationPane.svelte  | 12 ++++--------
 .../governance/views/ProposalDetailsView.svelte      |  2 +-
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/desktop/components/panes/ProposalInformationPane.svelte b/packages/desktop/components/panes/ProposalInformationPane.svelte
index 1590291a05..caaac04577 100644
--- a/packages/desktop/components/panes/ProposalInformationPane.svelte
+++ b/packages/desktop/components/panes/ProposalInformationPane.svelte
@@ -1,14 +1,12 @@
 <script lang="ts">
     import { EventStatus } from '@iota/sdk/out/types'
-    import { Table } from '@bloomwalletio/ui'
-    import { Pane, Text } from '@ui'
+    import { Table, Text } from '@bloomwalletio/ui'
+    import { Pane } from '@ui'
     import { formatDate, localize } from '@core/i18n'
     import { DATE_FORMAT, milestoneToDate, truncateString } from '@core/utils'
     import { networkStatus } from '@core/network/stores'
     import { selectedProposal } from '@contexts/governance/stores'
 
-    export let classes: string = ''
-
     interface IProposalDateData {
         propertyKey: 'votingOpens' | 'countingStarts' | 'countingEnds' | 'countingEnded'
         milestone: number
@@ -44,10 +42,8 @@
     }
 </script>
 
-<Pane classes="p-6 h-fit {classes}">
-    <Text smaller classes="mb-5">
-        {localize('views.governance.details.proposalInformation.title')}
-    </Text>
+<Pane classes="h-fit shrink-0 space-y-6 p-6">
+    <Text type="body2">{localize('views.governance.details.proposalInformation.title')}</Text>
     <Table
         items={[
             {
diff --git a/packages/desktop/views/dashboard/governance/views/ProposalDetailsView.svelte b/packages/desktop/views/dashboard/governance/views/ProposalDetailsView.svelte
index 78bf36b421..05faa95c22 100644
--- a/packages/desktop/views/dashboard/governance/views/ProposalDetailsView.svelte
+++ b/packages/desktop/views/dashboard/governance/views/ProposalDetailsView.svelte
@@ -242,7 +242,7 @@
                 ]}
             />
         </Pane>
-        <ProposalInformationPane classes="shrink-0" />
+        <ProposalInformationPane />
     </div>
     <Pane classes="w-3/5 h-full p-6 pr-3 flex flex-col justify-between">
         <proposal-questions

From 4a0a6c2b68cc39e07367c860b092b6525d95aa2e Mon Sep 17 00:00:00 2001
From: Mark Nardi <nardimark7@gmail.com>
Date: Tue, 20 Feb 2024 15:16:46 +0100
Subject: [PATCH 2/2] move pane

---
 packages/desktop/components/index.ts                          | 1 -
 packages/desktop/components/panes/index.ts                    | 1 -
 .../dashboard/governance/views/ProposalDetailsView.svelte     | 4 ++--
 .../governance/components}/ProposalInformationPane.svelte     | 0
 packages/desktop/views/governance/components/index.ts         | 1 +
 5 files changed, 3 insertions(+), 4 deletions(-)
 delete mode 100644 packages/desktop/components/panes/index.ts
 rename packages/desktop/{components/panes => views/governance/components}/ProposalInformationPane.svelte (100%)

diff --git a/packages/desktop/components/index.ts b/packages/desktop/components/index.ts
index 5872f5f63d..b8e97a515b 100644
--- a/packages/desktop/components/index.ts
+++ b/packages/desktop/components/index.ts
@@ -2,7 +2,6 @@ export * from './drawers'
 export * from './filter'
 export * from './menus'
 export * from './modals'
-export * from './panes'
 export * from './popup'
 
 export { default as AccountSwitcher } from './AccountSwitcher.svelte'
diff --git a/packages/desktop/components/panes/index.ts b/packages/desktop/components/panes/index.ts
deleted file mode 100644
index e04d06635f..0000000000
--- a/packages/desktop/components/panes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as ProposalInformationPane } from './ProposalInformationPane.svelte'
diff --git a/packages/desktop/views/dashboard/governance/views/ProposalDetailsView.svelte b/packages/desktop/views/dashboard/governance/views/ProposalDetailsView.svelte
index 05faa95c22..d2ce60f4d7 100644
--- a/packages/desktop/views/dashboard/governance/views/ProposalDetailsView.svelte
+++ b/packages/desktop/views/dashboard/governance/views/ProposalDetailsView.svelte
@@ -6,7 +6,7 @@
         TrackedParticipationOverview,
     } from '@iota/sdk/out/types'
     import { Alert, Button, Table } from '@bloomwalletio/ui'
-    import { ProposalDetailsMenu, ProposalInformationPane, ProposalQuestion } from '@components'
+    import { ProposalDetailsMenu, ProposalQuestion } from '@components'
     import { getVotingEvent } from '@contexts/governance/actions'
     import {
         clearParticipationEventStatusPoll,
@@ -35,7 +35,7 @@
     import { visibleSelectedAccountTokens } from '@core/token/stores'
     import { getBestTimeDuration, milestoneToDate } from '@core/utils'
     import { PopupId, openPopup } from '@desktop/auxiliary/popup'
-    import { ProposalStatusPill } from '@views/governance'
+    import { ProposalInformationPane, ProposalStatusPill } from '@views/governance'
     import { MarkdownBlock, Pane, Text, TextType } from '@ui'
     import { onDestroy, onMount } from 'svelte'
 
diff --git a/packages/desktop/components/panes/ProposalInformationPane.svelte b/packages/desktop/views/governance/components/ProposalInformationPane.svelte
similarity index 100%
rename from packages/desktop/components/panes/ProposalInformationPane.svelte
rename to packages/desktop/views/governance/components/ProposalInformationPane.svelte
diff --git a/packages/desktop/views/governance/components/index.ts b/packages/desktop/views/governance/components/index.ts
index 339e60d799..f03d1c14f3 100644
--- a/packages/desktop/views/governance/components/index.ts
+++ b/packages/desktop/views/governance/components/index.ts
@@ -1,3 +1,4 @@
+export { default as ProposalInformationPane } from './ProposalInformationPane.svelte'
 export { default as ProposalStatusInfo } from './ProposalStatusInfo.svelte'
 export { default as ProposalStatusPill } from './ProposalStatusPill.svelte'
 export { default as ProposalStatusTimelineTooltip } from './ProposalStatusTimelineTooltip.svelte'