From 5bb96a4fab58036f89fd257d4a1fb28074f037d5 Mon Sep 17 00:00:00 2001
From: ChaituVR <yourchaitu@gmail.com>
Date: Sun, 5 Jan 2025 11:39:20 +0530
Subject: [PATCH] fix types

---
 apps/ui/src/components/FormSpaceVoting.vue     | 11 +++++++++--
 apps/ui/src/components/Modal/SelectPrivacy.vue |  9 ++++-----
 apps/ui/src/composables/useSpaceSettings.ts    |  3 ++-
 apps/ui/src/helpers/constants.ts               | 10 ++++++++--
 apps/ui/src/networks/offchain/actions.ts       |  2 +-
 apps/ui/src/networks/types.ts                  |  2 +-
 apps/ui/src/types.ts                           |  3 ++-
 apps/ui/src/views/Space/Editor.vue             |  1 -
 8 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/apps/ui/src/components/FormSpaceVoting.vue b/apps/ui/src/components/FormSpaceVoting.vue
index cb5b60a2a..bd86aa504 100644
--- a/apps/ui/src/components/FormSpaceVoting.vue
+++ b/apps/ui/src/components/FormSpaceVoting.vue
@@ -7,7 +7,14 @@ import {
 import { _d } from '@/helpers/utils';
 import { getValidator } from '@/helpers/validation';
 import { getNetwork, offchainNetworks } from '@/networks';
-import { ChainId, Space, Validation, VoteType } from '@/types';
+import {
+  ChainId,
+  Privacy,
+  Space,
+  SpacePrivacy,
+  Validation,
+  VoteType
+} from '@/types';
 
 const votingDelay = defineModel<number | null>('votingDelay', {
   required: true
@@ -28,7 +35,7 @@ const quorum = defineModel<string | number>('quorum', {
 const votingType = defineModel<VoteType | 'any'>('votingType', {
   required: true
 });
-const privacy = defineModel<'none' | 'shutter' | 'any'>('privacy', {
+const privacy = defineModel<SpacePrivacy>('privacy', {
   required: true
 });
 const voteValidation = defineModel<Validation>('voteValidation', {
diff --git a/apps/ui/src/components/Modal/SelectPrivacy.vue b/apps/ui/src/components/Modal/SelectPrivacy.vue
index 1095c46ce..6d80e93a1 100644
--- a/apps/ui/src/components/Modal/SelectPrivacy.vue
+++ b/apps/ui/src/components/Modal/SelectPrivacy.vue
@@ -1,21 +1,20 @@
 <script setup lang="ts">
 import { PRIVACY_TYPES_INFO } from '@/helpers/constants';
-
-type Privacy = 'none' | 'shutter' | 'any';
+import { SpacePrivacy } from '@/types';
 
 const votingTypes = ['any', 'shutter', 'none'] as const;
 
 defineProps<{
   open: boolean;
-  initialState?: Privacy;
+  initialState?: SpacePrivacy;
 }>();
 
 const emit = defineEmits<{
-  (e: 'save', type: Privacy);
+  (e: 'save', type: SpacePrivacy);
   (e: 'close');
 }>();
 
-function handleSelect(type: Privacy) {
+function handleSelect(type: SpacePrivacy) {
   emit('save', type);
   emit('close');
 }
diff --git a/apps/ui/src/composables/useSpaceSettings.ts b/apps/ui/src/composables/useSpaceSettings.ts
index e6cbc34dd..f4c0868f5 100644
--- a/apps/ui/src/composables/useSpaceSettings.ts
+++ b/apps/ui/src/composables/useSpaceSettings.ts
@@ -14,6 +14,7 @@ import {
   Space,
   SpaceMetadata,
   SpaceMetadataLabel,
+  SpacePrivacy,
   StrategyParsedMetadata,
   Validation
 } from '@/types';
@@ -161,7 +162,7 @@ export function useSpaceSettings(space: Ref<Space>) {
       | 'weighted'
       | 'basic'
   );
-  const privacy = ref('none' as 'none' | 'shutter' | 'any');
+  const privacy = ref('none' as SpacePrivacy);
   const voteValidation = ref({ name: 'any', params: {} } as Validation);
   const ignoreAbstainVotes = ref(false);
   const snapshotChainId: Ref<number> = ref(1);
diff --git a/apps/ui/src/helpers/constants.ts b/apps/ui/src/helpers/constants.ts
index 239e0cf3e..731b41d0b 100644
--- a/apps/ui/src/helpers/constants.ts
+++ b/apps/ui/src/helpers/constants.ts
@@ -1,4 +1,10 @@
-import { ChainId, NetworkID, VoteType, VoteTypeInfo } from '@/types';
+import {
+  ChainId,
+  NetworkID,
+  SpacePrivacy,
+  VoteType,
+  VoteTypeInfo
+} from '@/types';
 
 export const APP_NAME = 'Snapshot';
 
@@ -99,7 +105,7 @@ export const VOTING_TYPES_INFO: Record<
 };
 
 export const PRIVACY_TYPES_INFO: Record<
-  'none' | 'shutter' | 'any',
+  SpacePrivacy,
   { label: string; description?: string }
 > = {
   none: {
diff --git a/apps/ui/src/networks/offchain/actions.ts b/apps/ui/src/networks/offchain/actions.ts
index 31a9d19f2..7e67f6385 100644
--- a/apps/ui/src/networks/offchain/actions.ts
+++ b/apps/ui/src/networks/offchain/actions.ts
@@ -19,6 +19,7 @@ import { getProvider } from '@/helpers/provider';
 import {
   Choice,
   NetworkID,
+  Privacy,
   Proposal,
   Space,
   Statement,
@@ -30,7 +31,6 @@ import {
 } from '@/types';
 import { EDITOR_SNAPSHOT_OFFSET } from './constants';
 import { getSdkChoice } from './helpers';
-import { Privacy } from '../../types';
 import { EDITOR_APP_NAME } from '../common/constants';
 import {
   Connector,
diff --git a/apps/ui/src/networks/types.ts b/apps/ui/src/networks/types.ts
index 800140ca5..165546ebc 100644
--- a/apps/ui/src/networks/types.ts
+++ b/apps/ui/src/networks/types.ts
@@ -1,6 +1,5 @@
 import { Web3Provider } from '@ethersproject/providers';
 import { Wallet } from '@ethersproject/wallet';
-import { Privacy } from '@snapshot-labs/sx';
 import { FunctionalComponent } from 'vue';
 import {
   Alias,
@@ -9,6 +8,7 @@ import {
   DelegationType,
   Follow,
   NetworkID,
+  Privacy,
   Proposal,
   Space,
   SpaceMetadata,
diff --git a/apps/ui/src/types.ts b/apps/ui/src/types.ts
index a3cec08cc..836c78b80 100644
--- a/apps/ui/src/types.ts
+++ b/apps/ui/src/types.ts
@@ -34,6 +34,7 @@ export type Choice =
   | Record<string, number>;
 
 export type Privacy = 'shutter' | 'none';
+export type SpacePrivacy = Privacy | 'any';
 
 export type VoteType =
   | 'basic'
@@ -174,7 +175,7 @@ export type Space = {
   discord: string;
   coingecko?: string;
   terms: string;
-  privacy: 'none' | 'shutter' | 'any';
+  privacy: SpacePrivacy;
   voting_power_symbol: string;
   active_proposals: number | null;
   controller: string;
diff --git a/apps/ui/src/views/Space/Editor.vue b/apps/ui/src/views/Space/Editor.vue
index 9d618ad99..e2cc25819 100644
--- a/apps/ui/src/views/Space/Editor.vue
+++ b/apps/ui/src/views/Space/Editor.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { computed, ref, watchEffect } from 'vue';
 import { LocationQueryValue } from 'vue-router';
 import { StrategyWithTreasury } from '@/composables/useTreasuries';
 import {