refactor: extract hibernation warning message to its own component

Author: wa0x6e

src/components/MessageWarningHibernated.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { ExtendedSpace } from '@/helpers/interfaces';
+
+const props = defineProps<{
+  space: ExtendedSpace;
+}>();
+
+const { web3Account } = useWeb3();
+
+function handleReactivateSpace() {
+  window.open('https://tally.so', '_blank');
+}
+
+const isAdmin = computed(() => {
+  const admins = (props.space.admins || []).map(admin => admin.toLowerCase());
+  return admins.includes(web3Account.value?.toLowerCase());
+});
+</script>
+
+<template>
+  <BaseMessageBlock v-if="space.hibernated" level="warning" is-responsive>
+    {{ $t('create.errorSpaceHibernated') }}
+    <BaseLink link="https://docs.snapshot.org/">
+      {{ $t('learnMore') }}
+    </BaseLink>
+
+    <p v-if="isAdmin" class="mt-3">
+      <BaseButton  @click="handleReactivateSpace">
+        {{ $t('reactivateSpace') }}
+      </BaseButton>
+    </p>
+  </BaseMessageBlock>
+</template>

src/components/SpaceCreateWarnings.vue

@@ -13,10 +13,6 @@ const { web3, web3Account } = useWeb3();
 const { isGnosisAndNotSpaceNetwork } = useGnosis(props.space);
 const { errorFetchingSnapshot } = useSnapshot();
 
-function handleReactivateSpace() {
-  window.open('https://tally.so', '_blank')
-}
-
 const minScore = computed(
   () =>
     props.space?.validation?.params?.minScore ||
@@ -41,28 +37,11 @@ const strategySymbolsString = computed(() => {
 
   return `(${symbols.join(', ')})`;
 });
-
-const isAdmin = computed(() => {
-  const admins = (props.space.admins || []).map(admin => admin.toLowerCase());
-  return admins.includes(web3Account.value?.toLowerCase());
-});
 </script>
 
 <template>
   <div class="mb-4 space-y-2">
-    <BaseMessageBlock
-      v-if="space.hibernated"
-      level="warning"
-      is-responsive
-    >
-      {{$t('create.errorSpaceHibernated')}}
-      <BaseLink link="https://docs.snapshot.org/">
-        {{ $t('learnMore') }}
-      </BaseLink>
-      <BaseButton v-if="isAdmin" class="mt-3" @click="handleReactivateSpace">
-        {{$t('reactivateSpace')}}
-      </BaseButton>
-    </BaseMessageBlock>
+    <MessageWarningHibernated v-if="space.hibernated" :space="space" />
 
     <MessageWarningGnosisNetwork
       v-else-if="isGnosisAndNotSpaceNetwork"

src/views/SpaceProposals.vue

@@ -186,6 +186,7 @@ watch(spaceProposals, () => {
 
       <BaseNoResults v-else-if="spaceProposals.length < 1" />
       <div v-else class="mb-3 space-y-3">
+        <MessageWarningHibernated v-if="space.hibernated" :space="space" />
         <template v-for="(proposal, i) in spaceProposals" :key="i">
           <BaseBlock slim class="transition-colors">
             <ProposalsItem