From 1d2540c6a14adf8cbdd5fbfa9a6e104a88356c53 Mon Sep 17 00:00:00 2001
From: Wan Qi Chen <495709+wa0x6e@users.noreply.github.com>
Date: Thu, 16 Nov 2023 18:28:02 +0800
Subject: [PATCH] feat: add space reactivation message in space settings

---
 src/components/MessageWarningHibernated.vue |  4 +-
 src/locales/default.json                    |  7 ++-
 src/views/SpaceSettings.vue                 | 53 ++++++++++++++++++---
 3 files changed, 55 insertions(+), 9 deletions(-)

diff --git a/src/components/MessageWarningHibernated.vue b/src/components/MessageWarningHibernated.vue
index d1995cfa2fe9..f183a63bed0d 100644
--- a/src/components/MessageWarningHibernated.vue
+++ b/src/components/MessageWarningHibernated.vue
@@ -21,7 +21,9 @@ onMounted(async () => {
 <template>
   <BaseMessageBlock v-if="space.hibernated" level="warning" is-responsive>
     {{ $t('create.errorSpaceHibernated') }}
-    <BaseLink link="https://docs.snapshot.org/user-guides/spaces/space-hibernation">
+    <BaseLink
+      link="https://docs.snapshot.org/user-guides/spaces/space-hibernation"
+    >
       {{ $t('learnMore') }}
     </BaseLink>
 
diff --git a/src/locales/default.json b/src/locales/default.json
index e55e8b23c374..23cba2719366 100644
--- a/src/locales/default.json
+++ b/src/locales/default.json
@@ -174,7 +174,7 @@
   "createASpace": "Create a space",
   "getStarted": "Get started",
   "skip": "Skip",
-  "reactivateSpace": "Reactivate the space",
+  "reactivateSpace": "Reactivate space",
   "newSpaceNotice": {
     "header": "Your space is live!",
     "mainText": "You can change how voting power is calculated via strategies in your {settings}. Changes to your settings will only affect new proposals, existing proposals can not be changed.",
@@ -536,6 +536,11 @@
     "delegationPortal": {
       "title": "Delegation portal",
       "information": "Please ensure your token adheres to a compatible delegation standard to enable delegate discovery and activity within your Snapshot space."
+    },
+    "reactivatingHibernatedSpace": {
+      "title": "Reactivating hibernated space",
+      "information": "Reactivate your space now to enable proposals creation again. Note that your space may be hibernated again if left inactive.",
+      "disabledInformation": "Your space contains invalid settings since your last update. Fix the errors below and your space will be reactivated automatically upon save."
     }
   },
   "setup": {
diff --git a/src/views/SpaceSettings.vue b/src/views/SpaceSettings.vue
index eb88be6a8014..9e5f31a87587 100644
--- a/src/views/SpaceSettings.vue
+++ b/src/views/SpaceSettings.vue
@@ -148,13 +148,6 @@ async function handleSubmit() {
   }
 }
 
-onMounted(async () => {
-  populateForm(props.space);
-  await loadEnsOwner();
-  await loadSpaceController();
-  loaded.value = true;
-});
-
 const {
   isRevealed: isConfirmLeaveOpen,
   reveal: openConfirmLeave,
@@ -172,6 +165,17 @@ const isViewOnly = computed(() => {
   return !(isSpaceController.value || isSpaceAdmin.value);
 });
 
+onMounted(async () => {
+  populateForm(props.space);
+  await loadEnsOwner();
+  await loadSpaceController();
+  loaded.value = true;
+
+  if (props.space.hibernated && !isViewOnly.value) {
+    showFormErrors.value = true;
+  }
+});
+
 onBeforeRouteLeave(async () => {
   if (hasFormChanged.value && !isViewOnly.value) {
     const { data } = await openConfirmLeave();
@@ -190,6 +194,41 @@ onBeforeRouteLeave(async () => {
 
       <template v-else>
         <div class="mt-3 space-y-3 sm:mt-0">
+          <BaseMessageBlock
+            v-if="space.hibernated && !isViewOnly"
+            level="warning"
+            is-responsive
+          >
+            <div class="mb-1 font-semibold text-skin-heading">
+              {{ t('settings.reactivatingHibernatedSpace.title') }}
+            </div>
+            <div class="flex items-center justify-between">
+              <div class="grow">
+                <div v-if="isValid">
+                  {{ t('settings.reactivatingHibernatedSpace.information') }}
+                </div>
+
+                <div v-else>
+                  {{
+                    t(
+                      'settings.reactivatingHibernatedSpace.disabledInformation'
+                    )
+                  }}
+                </div>
+              </div>
+              <div>
+                <BaseButton
+                  :loading="isSending"
+                  :disabled="!isValid"
+                  class="ml-4 whitespace-nowrap"
+                  @click="handleSubmit"
+                >
+                  {{ $t('reactivateSpace') }}
+                </BaseButton>
+              </div>
+            </div>
+          </BaseMessageBlock>
+
           <BaseMessageBlock
             v-if="showFormErrors && Object.keys(validationErrors).length"
             level="warning-red"