fix: disabled space votes privacy on testnet (#4518)

* fix: disabled space votes privacy on testnet * fix: fix cursor
snapshot-labs · Jan 20, 2024 · a011287 · a011287
1 parent c3d3b72
commit a011287
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/src/components/BaseModalSelectItem.vue b/src/components/BaseModalSelectItem.vue
@@ -4,21 +4,28 @@ defineProps<{
   title: string;
   tag?: string;
   description?: string;
+  disabled?: boolean;
 }>();
 </script>
 
 <template>
   <BaseBlock
     :class="[
-      'cursor-pointer transition-colors hover:border-skin-text',
-      { '!border-skin-link': selected }
+      'transition-colors hover:border-skin-text cursor-pointer',
+      {
+        '!border-skin-link': selected,
+        'hover:!border-skin-border hover:!cursor-not-allowed': disabled
+      }
     ]"
   >
     <div class="relative inset-y-0 flex items-center">
       <div :class="['w-full text-left', { 'pr-[44px]': selected }]">
         <div class="mb-2 flex items-center gap-2">
           <h3
-            :class="['mb-0 truncate', { 'mt-0': description }]"
+            :class="[
+              'mb-0 truncate',
+              { 'mt-0': description, 'text-skin-text': disabled }
+            ]"
             v-text="title"
           />
           <BasePill>{{ tag }}</BasePill>

diff --git a/src/components/ModalVotingPrivacy.vue b/src/components/ModalVotingPrivacy.vue
@@ -8,6 +8,8 @@ defineProps<{
 
 const emit = defineEmits(['close', 'update:selected']);
 
+const { env } = useApp();
+
 const types = ['shutter'];
 
 function select(id) {
@@ -31,8 +33,13 @@ function select(id) {
           :title="$t('privacy.none')"
         />
       </a>
-      <a v-for="(type, key) in types" :key="key" @click="select(type)">
+      <a
+        v-for="(type, key) in types"
+        :key="key"
+        @click="env === 'demo' ? null : select(type)"
+      >
         <BaseModalSelectItem
+          :disabled="env === 'demo'"
           :selected="type === selected"
           :title="$t(`privacy.${type}.label`)"
           :description="$t(`privacy.${type}.description`)"