From 77103ffcd53275579e7e1ebca2877f972734f4ab Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Sat, 30 Sep 2023 13:45:40 +0700
Subject: [PATCH 1/6] Add proposal edit

---
 src/components/SpaceProposalHeader.vue  | 14 +++++----
 src/composables/useClient.ts            | 22 ++++++++++---
 src/composables/useFormSpaceProposal.ts |  2 +-
 src/locales/default.json                |  1 +
 src/views/SpaceCreate.vue               | 41 ++++++++++++++++++++-----
 5 files changed, 61 insertions(+), 19 deletions(-)

diff --git a/src/components/SpaceProposalHeader.vue b/src/components/SpaceProposalHeader.vue
index 84fd9abd3ba8..0df21d259d81 100644
--- a/src/components/SpaceProposalHeader.vue
+++ b/src/components/SpaceProposalHeader.vue
@@ -19,10 +19,10 @@ const { web3Account } = useWeb3();
 const isCreator = computed(() => props.proposal?.author === web3Account.value);
 
 const threeDotItems = computed(() => {
-  const items = [
-    { text: t('duplicate'), action: 'duplicate' },
-    { text: t('report'), action: 'report' }
-  ];
+  const items: { text: string; action: string }[] = [];
+  if (isCreator.value) items.push({ text: t('edit'), action: 'edit' });
+  items.push({ text: t('duplicate'), action: 'duplicate' });
+  items.push({ text: t('report'), action: 'report' });
   if (props.isAdmin || props.isModerator || isCreator.value)
     items.push({ text: t('delete'), action: 'delete' });
   return items;
@@ -55,14 +55,15 @@ function handleSelect(e) {
   if (!props.proposal) return;
   if (e === 'delete') deleteProposal();
   if (e === 'report') window.open('https://tally.so/r/mDBEGb', '_blank');
-  if (e === 'duplicate') {
+  if (e === 'duplicate' || e === 'edit') {
     resetForm();
     router.push({
       name: 'spaceCreate',
       params: {
         key: props.proposal.space.id,
         sourceProposal: props.proposal.id
-      }
+      },
+      query: { editing: e === 'edit' ? 'true' : undefined }
     });
   }
 }
@@ -149,6 +150,7 @@ watch(
         </template>
         <template #item="{ item }">
           <div class="flex items-center gap-2">
+            <i-ho-pencil v-if="item.action === 'edit'" />
             <i-ho-document-duplicate v-if="item.action === 'duplicate'" />
             <i-ho-flag v-if="item.action === 'report'" />
             <i-ho-trash v-if="item.action === 'delete'" />
diff --git a/src/composables/useClient.ts b/src/composables/useClient.ts
index 2131bf7b8351..a170e5a233cf 100644
--- a/src/composables/useClient.ts
+++ b/src/composables/useClient.ts
@@ -35,11 +35,14 @@ export function useClient() {
   }
 
   async function sendEIP712(space: { id: string }, type: string, payload: any) {
+    let plugins = {};
+    if (
+      payload.metadata?.plugins &&
+      Object.keys(payload.metadata?.plugins).length !== 0
+    )
+      plugins = payload.metadata.plugins;
     const client = clientEIP712;
-    if (type === 'proposal') {
-      let plugins = {};
-      if (Object.keys(payload.metadata?.plugins).length !== 0)
-        plugins = payload.metadata.plugins;
+    if (type === 'create-proposal') {
       return client.proposal(auth.web3, web3.value.account, {
         space: space.id,
         type: payload.type,
@@ -53,6 +56,17 @@ export function useClient() {
         plugins: JSON.stringify(plugins),
         app: DEFINED_APP
       });
+    } else if (type === 'update-proposal') {
+      return client.updateProposal(auth.web3, web3.value.account, {
+        proposal: payload.id,
+        space: space.id,
+        type: payload.type,
+        title: payload.name,
+        body: payload.body,
+        discussion: payload.discussion,
+        choices: payload.choices,
+        plugins: JSON.stringify(plugins)
+      });
     } else if (type === 'vote') {
       return client.vote(auth.web3, web3.value.account, {
         space: space.id,
diff --git a/src/composables/useFormSpaceProposal.ts b/src/composables/useFormSpaceProposal.ts
index dc3bfbbea35c..d4c3fa020874 100644
--- a/src/composables/useFormSpaceProposal.ts
+++ b/src/composables/useFormSpaceProposal.ts
@@ -61,7 +61,7 @@ export function useFormSpaceProposal() {
     isBodySet: boolean;
   }>(`snapshot.proposal.${route.params.key}`, clone(EMPTY_PROPOSAL_DRAFT));
 
-  const sourceProposal = computed(() => route.params.sourceProposal);
+  const sourceProposal = computed(() => route.params.sourceProposal as string);
 
   function resetForm() {
     formDraft.value = clone(EMPTY_PROPOSAL_DRAFT);
diff --git a/src/locales/default.json b/src/locales/default.json
index 7f5344dec79b..50bf3dba2629 100644
--- a/src/locales/default.json
+++ b/src/locales/default.json
@@ -645,6 +645,7 @@
     "delegationSuccess": "Delegation successful",
     "delegationRemoved": "Delegation removed",
     "proposalCreated": "Proposal created",
+    "proposalUpdated": "Proposal updated",
     "waitingForOtherSigners": "Waiting for other signers",
     "voteSuccessful": "Your vote is in!",
     "ensSet": "ENS text record was successfully set",
diff --git a/src/views/SpaceCreate.vue b/src/views/SpaceCreate.vue
index cff5afdb9601..48af9865ffe9 100644
--- a/src/views/SpaceCreate.vue
+++ b/src/views/SpaceCreate.vue
@@ -34,6 +34,7 @@ useMeta({
 
 const { notify } = useFlashNotification();
 const router = useRouter();
+const route = useRoute();
 const { t } = useI18n();
 const auth = getInstance();
 const { domain } = useApp();
@@ -68,6 +69,8 @@ const proposal = computed(() =>
   Object.assign(form.value, { choices: form.value.choices })
 );
 
+const isEditing = computed(() => !!sourceProposal.value && route.query.editing);
+
 type DateRange = {
   dateStart: number;
   dateEnd?: number;
@@ -204,9 +207,16 @@ function getFormattedForm() {
 }
 
 const { resetSpaceProposals } = useProposals();
-async function handleSubmit() {
+
+function handleSubmit() {
+  if (!termsAccepted && props.space.terms) return (modalTermsOpen.value = true);
+  if (isEditing.value) return handleUpdate();
+  handleCreate();
+}
+
+async function handleCreate() {
   const formattedForm = getFormattedForm();
-  const result = await send(props.space, 'proposal', formattedForm);
+  const result = await send(props.space, 'create-proposal', formattedForm);
   if (result.id) {
     resetSpaceProposals();
     if (!result.ipfs) notify(['green', t('notify.waitingForOtherSigners')]);
@@ -222,6 +232,25 @@ async function handleSubmit() {
   }
 }
 
+async function handleUpdate() {
+  const formattedForm = getFormattedForm();
+  formattedForm.id = sourceProposal.value;
+  const result = await send(props.space, 'update-proposal', formattedForm);
+  if (result.id) {
+    resetSpaceProposals();
+    if (!result.ipfs) notify(['green', t('notify.waitingForOtherSigners')]);
+    else notify(['green', t('notify.proposalUpdated')]);
+    resetForm();
+    router.push({
+      name: 'spaceProposal',
+      params: {
+        key: props.space.id,
+        id: sourceProposal.value
+      }
+    });
+  }
+}
+
 function setSourceProposal(proposal) {
   const { plugins } = proposal;
 
@@ -352,7 +381,7 @@ onMounted(async () => {
     osnap.value.enabled =
       (await safeSnapPlugin.validateUmaModule(network, umaAddress)) === 'uma';
   }
-  if (sourceProposal.value && !sourceProposalLoaded.value)
+  if (!!sourceProposal.value && !sourceProposalLoaded.value)
     await loadSourceProposal();
 
   if (!sourceProposal.value) {
@@ -442,11 +471,7 @@ onMounted(async () => {
           class="block w-full"
           primary
           data-testid="create-proposal-publish-button"
-          @click="
-            !termsAccepted && space.terms
-              ? (modalTermsOpen = true)
-              : handleSubmit()
-          "
+          @click="handleSubmit"
         >
           {{ $t('create.publish') }}
         </BaseButton>

From c5b4aa24e3e93a79daf018a7b480239698bb3e85 Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Sat, 30 Sep 2023 13:47:21 +0700
Subject: [PATCH 2/6] Update s.js

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 6035cbf8935b..6c6e60ced9e6 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,7 @@
     "@shutter-network/shutter-crypto": "0.1.0-beta.3",
     "@snapshot-labs/lock": "^0.2.0",
     "@snapshot-labs/pineapple": "^1.1.0",
-    "@snapshot-labs/snapshot.js": "^0.6.2",
+    "@snapshot-labs/snapshot.js": "^0.6.4",
     "@snapshot-labs/tune": "^0.1.33",
     "@vue/apollo-composable": "4.0.0-beta.4",
     "@vueuse/core": "^10.4.0",
diff --git a/yarn.lock b/yarn.lock
index 3aa6dba464c0..4a7afa5d3968 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1853,10 +1853,10 @@
   dependencies:
     ofetch "^1.3.3"
 
-"@snapshot-labs/snapshot.js@^0.6.2":
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/@snapshot-labs/snapshot.js/-/snapshot.js-0.6.2.tgz#0f9ddf591ec50912aeed545c807b5295365d4e2f"
-  integrity sha512-hQjZ0I9uLu2sUpuR05maYCq9KLi6yNJnCCkjIutDQjFFEzmeMqJ0Lru1tOdcRMsPW3g5ktdo5xi265ESEBDPdA==
+"@snapshot-labs/snapshot.js@^0.6.4":
+  version "0.6.4"
+  resolved "https://registry.yarnpkg.com/@snapshot-labs/snapshot.js/-/snapshot.js-0.6.4.tgz#09f08ab8db0e16c172861438ffe8da3ffe5ac5ef"
+  integrity sha512-De8HWZrXhiV0D97Tp6CclZTXsQg4ePIu0grOym1sfvpHM/ILs4uoox634nDS4zE+/2/6SLp43fMo9dF5j6DXlw==
   dependencies:
     "@ensdomains/eth-ens-namehash" "^2.0.15"
     "@ethersproject/abi" "^5.6.4"

From 65c2d9ed9da0d7b8b50de1b5d42304fb60c6d62e Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Mon, 2 Oct 2023 14:29:02 +0700
Subject: [PATCH 3/6] Fix

---
 src/components/SpaceProposalHeader.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/SpaceProposalHeader.vue b/src/components/SpaceProposalHeader.vue
index 8953f4cced9f..d16739468ff9 100644
--- a/src/components/SpaceProposalHeader.vue
+++ b/src/components/SpaceProposalHeader.vue
@@ -22,7 +22,6 @@ const threeDotItems = computed(() => {
   const items: { text: string; action: string }[] = [];
   if (isCreator.value) items.push({ text: t('edit'), action: 'edit' });
   items.push({ text: t('duplicate'), action: 'duplicate' });
-  items.push({ text: t('report'), action: 'report' });
 
   if ((props.isAdmin || props.isModerator) && !props.proposal.flagged) {
     items.push({ text: t('flag'), action: 'flag' });

From ce000d4226b62a6442ada7cef4c3d7c2e1aa84de Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Mon, 2 Oct 2023 14:46:48 +0700
Subject: [PATCH 4/6] Only show if pending state

---
 src/components/SpaceProposalHeader.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/SpaceProposalHeader.vue b/src/components/SpaceProposalHeader.vue
index d16739468ff9..8555a4ed1993 100644
--- a/src/components/SpaceProposalHeader.vue
+++ b/src/components/SpaceProposalHeader.vue
@@ -20,7 +20,8 @@ const isCreator = computed(() => props.proposal?.author === web3Account.value);
 
 const threeDotItems = computed(() => {
   const items: { text: string; action: string }[] = [];
-  if (isCreator.value) items.push({ text: t('edit'), action: 'edit' });
+  if (isCreator.value && props.proposal.state === 'pending')
+    items.push({ text: t('edit'), action: 'edit' });
   items.push({ text: t('duplicate'), action: 'duplicate' });
 
   if ((props.isAdmin || props.isModerator) && !props.proposal.flagged) {

From 7a77ffd8a56cfc331b9116f7de82a067565243fe Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Mon, 2 Oct 2023 14:58:41 +0700
Subject: [PATCH 5/6] Fix disable not supported fields for edit

---
 src/components/SpaceCreateVoting.vue | 260 ++++++++++++++-------------
 src/views/SpaceCreate.vue            |  13 +-
 2 files changed, 142 insertions(+), 131 deletions(-)

diff --git a/src/components/SpaceCreateVoting.vue b/src/components/SpaceCreateVoting.vue
index df39277c523d..08cc1011da41 100644
--- a/src/components/SpaceCreateVoting.vue
+++ b/src/components/SpaceCreateVoting.vue
@@ -7,6 +7,7 @@ const props = defineProps<{
   dateStart: number;
   dateEnd: number;
   osnap: { enabled: boolean; selection: boolean };
+  isEditing: boolean;
 }>();
 
 const {
@@ -54,16 +55,13 @@ watch(
   { immediate: true }
 );
 
-// we need to watch for selection change to properly update the voting form stae
 watch(
   () => props.osnap.selection,
   () => {
-    // If using osnap, we can only allow basic voting, for, against, abstain
     if (props.osnap.selection) {
       form.value.type = 'basic';
-    } else {
-      // Initialize the proposal type if set in space
-      if (props.space?.voting?.type) form.value.type = props.space.voting.type;
+    } else if (props.space?.voting?.type) {
+      form.value.type = props.space.voting.type;
     }
   }
 );
@@ -85,135 +83,139 @@ defineEmits<{
 </script>
 
 <template>
-  <div v-if="osnap.enabled" class="mb-4">
-    <div v-if="space?.voting?.type && space.voting.type !== 'basic'">
-      <h6>Where is oSnap?</h6>
-      <p class="mb-3">
-        oSnap is currently disabled because your space's voting settings
-        disallow the basic voting type which is a requirement for oSnap to work
-        properly.
-      </p>
-      <p>
-        Have your admin visit your
-        <a :href="`#/${space.id}/settings`">settings page</a> under Voting ->
-        Type, and make sure either "Any" or "Basic Voting" is selected. This
-        will allow you to create oSnap proposals.
-      </p>
-    </div>
-    <div v-else>
-      <h6>oSnap Proposal</h6>
-      <p>
-        Are you planning for this proposal to initiate a transaction that your
-        organizations Safe will execute if approved? (Remember, oSnap enables
-        trustless and permissionless execution)
-      </p>
-      <br />
-      <input
-        id="toggleOsnap"
-        type="checkbox"
-        :checked="osnap.selection"
-        @change="$emit('osnapToggle')"
-      />
-      <label for="toggleOsnap">
-        Yes, use oSnap for transactions (this will restrict voting type to
-        Basic).
-      </label>
+  <div>
+    <div v-if="osnap.enabled" class="mb-4">
+      <div v-if="space?.voting?.type && space.voting.type !== 'basic'">
+        <h6>Where is oSnap?</h6>
+        <p class="mb-3">
+          oSnap is currently disabled because your space's voting settings
+          disallow the basic voting type which is a requirement for oSnap to
+          work properly.
+        </p>
+        <p>
+          Have your admin visit your
+          <a :href="`#/${space.id}/settings`">settings page</a> under Voting ->
+          Type, and make sure either "Any" or "Basic Voting" is selected. This
+          will allow you to create oSnap proposals.
+        </p>
+      </div>
+      <div v-else>
+        <h6>oSnap Proposal</h6>
+        <p>
+          Are you planning for this proposal to initiate a transaction that your
+          organizations Safe will execute if approved? (Remember, oSnap enables
+          trustless and permissionless execution)
+        </p>
+        <br />
+        <input
+          id="toggleOsnap"
+          type="checkbox"
+          :checked="osnap.selection"
+          @change="$emit('osnapToggle')"
+        />
+        <label for="toggleOsnap">
+          Yes, use oSnap for transactions (this will restrict voting type to
+          Basic).
+        </label>
+      </div>
     </div>
-  </div>
-  <div class="mb-5 space-y-4">
-    <BaseBlock :title="$t('create.voting')">
-      <InputSelectVoteType
-        :type="space.voting?.type || form.type"
-        :disabled="!!space.voting?.type || osnap.selection"
-        @update:type="value => (form.type = value)"
-      />
-
-      <h4 class="mb-1 mt-3" v-text="$t('create.choices')" />
-      <div class="flex">
-        <div class="w-full overflow-hidden">
-          <draggable
-            v-model="form.choices"
-            v-bind="{ animation: 200 }"
-            :disabled="disableChoiceEdit"
-            item-key="id"
-            handle=".drag-handle"
-            class="space-y-2"
-          >
+    <div class="mb-5 space-y-4">
+      <BaseBlock :title="$t('create.voting')">
+        <InputSelectVoteType
+          :type="space.voting?.type || form.type"
+          :disabled="!!space.voting?.type || osnap.selection"
+          @update:type="value => (form.type = value)"
+        />
+
+        <h4 class="mb-1 mt-3" v-text="$t('create.choices')" />
+        <div class="flex">
+          <div class="w-full overflow-hidden">
+            <draggable
+              v-model="form.choices"
+              v-bind="{ animation: 200 }"
+              :disabled="disableChoiceEdit"
+              item-key="id"
+              handle=".drag-handle"
+              class="space-y-2"
             >
-            <template #item="{ element, index }">
-              <UiInput
-                v-model="element.text"
-                maxlength="32"
-                :disabled="disableChoiceEdit"
-                :placeholder="index > 0 ? $t('optional') : ''"
-                class="group"
-                :focus-on-mount="index === 0"
-                :data-testid="`input-proposal-choice-${index}`"
               >
-                <template #label>
-                  <div
-                    class="drag-handle flex cursor-grab items-center active:cursor-grabbing"
-                    :class="{
-                      'cursor-not-allowed active:cursor-not-allowed':
-                        disableChoiceEdit
-                    }"
-                  >
-                    <BaseIcon name="draggable" size="16" class="mr-[12px]" />
-                    {{ $tc('create.choice', [index + 1]) }}
-                  </div>
-                </template>
-                <template #info>
-                  <span
-                    class="hidden text-xs text-skin-text group-focus-within:block"
-                  >
-                    {{ `${element.text.length}/32` }}
-                  </span>
-                </template>
-              </UiInput>
-            </template>
-          </draggable>
-        </div>
-        <div v-if="!disableChoiceEdit" class="ml-2 flex w-[48px] items-end">
-          <BaseButtonRound
-            v-if="!disableChoiceEdit"
-            size="42px"
-            @click="addChoices(1)"
-          >
-            <i-ho-plus-sm class="text-skin-link" />
-          </BaseButtonRound>
+              <template #item="{ element, index }">
+                <UiInput
+                  v-model="element.text"
+                  maxlength="32"
+                  :disabled="disableChoiceEdit"
+                  :placeholder="index > 0 ? $t('optional') : ''"
+                  class="group"
+                  :focus-on-mount="index === 0"
+                  :data-testid="`input-proposal-choice-${index}`"
+                >
+                  <template #label>
+                    <div
+                      class="drag-handle flex cursor-grab items-center active:cursor-grabbing"
+                      :class="{
+                        'cursor-not-allowed active:cursor-not-allowed':
+                          disableChoiceEdit
+                      }"
+                    >
+                      <BaseIcon name="draggable" size="16" class="mr-[12px]" />
+                      {{ $tc('create.choice', [index + 1]) }}
+                    </div>
+                  </template>
+                  <template #info>
+                    <span
+                      class="hidden text-xs text-skin-text group-focus-within:block"
+                    >
+                      {{ `${element.text.length}/32` }}
+                    </span>
+                  </template>
+                </UiInput>
+              </template>
+            </draggable>
+          </div>
+          <div v-if="!disableChoiceEdit" class="ml-2 flex w-[48px] items-end">
+            <BaseButtonRound
+              v-if="!disableChoiceEdit"
+              size="42px"
+              @click="addChoices(1)"
+            >
+              <i-ho-plus-sm class="text-skin-link" />
+            </BaseButtonRound>
+          </div>
         </div>
-      </div>
-    </BaseBlock>
-
-    <BaseBlock
-      :title="$t('create.period')"
-      :information="$t('create.votingPeriodExplainer')"
-    >
-      <div class="space-y-2 md:flex md:space-x-3 md:space-y-0">
-        <SpaceCreateVotingDateStart
-          :delay="space.voting?.delay"
-          :date="dateStart"
-          @select="value => setDateStart(value)"
-        />
-
-        <SpaceCreateVotingDateEnd
-          :period="space.voting?.period"
-          :date="dateEnd"
-          @select="value => setDateEnd(value)"
-        />
-      </div>
-    </BaseBlock>
+      </BaseBlock>
 
-    <BaseBlock v-if="$route.query.snapshot" :title="$t('snapshot')">
-      <UiInput
-        v-model="form.snapshot"
-        :number="true"
-        :placeholder="$t('create.snapshotBlock')"
+      <BaseBlock
+        :title="$t('create.period')"
+        :information="$t('create.votingPeriodExplainer')"
       >
-        <template #label>
-          {{ $t('snapshot') }}
-        </template>
-      </UiInput>
-    </BaseBlock>
+        <div class="space-y-2 md:flex md:space-x-3 md:space-y-0">
+          <SpaceCreateVotingDateStart
+            :delay="space.voting?.delay"
+            :date="dateStart"
+            :disabled="isEditing"
+            @select="value => setDateStart(value)"
+          />
+
+          <SpaceCreateVotingDateEnd
+            :period="space.voting?.period"
+            :date="dateEnd"
+            :disabled="isEditing"
+            @select="value => setDateEnd(value)"
+          />
+        </div>
+      </BaseBlock>
+
+      <BaseBlock v-if="$route.query.snapshot" :title="$t('snapshot')">
+        <UiInput
+          v-model="form.snapshot"
+          :number="true"
+          :placeholder="$t('create.snapshotBlock')"
+        >
+          <template #label>
+            {{ $t('snapshot') }}
+          </template>
+        </UiInput>
+      </BaseBlock>
+    </div>
   </div>
 </template>
diff --git a/src/views/SpaceCreate.vue b/src/views/SpaceCreate.vue
index 48af9865ffe9..2fc21cd05d6a 100644
--- a/src/views/SpaceCreate.vue
+++ b/src/views/SpaceCreate.vue
@@ -69,7 +69,9 @@ const proposal = computed(() =>
   Object.assign(form.value, { choices: form.value.choices })
 );
 
-const isEditing = computed(() => !!sourceProposal.value && route.query.editing);
+const isEditing = computed(
+  () => !!(sourceProposal.value && route.query.editing)
+);
 
 type DateRange = {
   dateStart: number;
@@ -381,7 +383,7 @@ onMounted(async () => {
     osnap.value.enabled =
       (await safeSnapPlugin.validateUmaModule(network, umaAddress)) === 'uma';
   }
-  if (!!sourceProposal.value && !sourceProposalLoaded.value)
+  if (sourceProposal.value && !sourceProposalLoaded.value)
     await loadSourceProposal();
 
   if (!sourceProposal.value) {
@@ -397,6 +399,12 @@ onMounted(async () => {
     form.value.body = props.space.template;
   }
 });
+
+onBeforeRouteLeave(async () => {
+  if (isEditing.value) {
+    resetForm();
+  }
+});
 </script>
 
 <template>
@@ -437,6 +445,7 @@ onMounted(async () => {
         :date-start="dateStart"
         :date-end="dateEnd"
         :osnap="osnap"
+        :is-editing="isEditing"
         @osnapToggle="handleOsnapToggle"
       />
 

From 19c9ba9ae14130a404bdf03600aa3990b3debf31 Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Mon, 2 Oct 2023 18:48:26 +0700
Subject: [PATCH 6/6] Fix button text

---
 src/views/SpaceCreate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/SpaceCreate.vue b/src/views/SpaceCreate.vue
index 2fc21cd05d6a..53fbd4a9dafb 100644
--- a/src/views/SpaceCreate.vue
+++ b/src/views/SpaceCreate.vue
@@ -482,7 +482,7 @@ onBeforeRouteLeave(async () => {
           data-testid="create-proposal-publish-button"
           @click="handleSubmit"
         >
-          {{ $t('create.publish') }}
+          {{ isEditing ? 'Save changes' : $t('create.publish') }}
         </BaseButton>
         <BaseButton
           v-else