fix: fix wrong test button color on custom domain

snapshot-labs · Feb 16, 2024 · 768225c · 768225c
1 parent ba0729e
commit 768225c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/Tune/TuneButton.vue b/src/components/Tune/TuneButton.vue
@@ -16,7 +16,12 @@ withDefaults(
   }
 );
 
+const skin = ref<string | null>(null);
+
 const { domain } = useApp();
+const { getSkin } = useSkin();
+
+onMounted(async () => await getSkin(domain));
 </script>
 
 <template>
@@ -28,7 +33,7 @@ const { domain } = useApp();
         primary: primary,
         danger: variant === 'danger',
         disabled: disabled,
-        '!text-skin-bg': !domain && primary
+        '!text-skin-bg': !skin && primary
       }
     ]"
     :disabled="disabled || loading"

diff --git a/src/composables/useSkin.ts b/src/composables/useSkin.ts
@@ -27,7 +27,7 @@ const skinClass = ref('default');
 export function useSkin() {
   const { apolloQuery } = useApolloQuery();
 
-  async function getSkin(domain: string) {
+  async function getSkin(domain: string): Promise<string | null> {
     if (domain) {
       const space = await apolloQuery(
         {
@@ -41,8 +41,12 @@ export function useSkin() {
       if (space?.skin) {
         skinClass.value = space.skin;
         document.body.classList.add(skinClass.value);
+
+        return space.skin;
       }
     }
+
+    return null;
   }
 
   const getThemeIcon = () => (theme.value === LIGHT ? 'moon' : 'sun');