diff --git a/src/components/SpaceProposalBoost.vue b/src/components/SpaceProposalBoost.vue index 2867d52a628..692d705e638 100644 --- a/src/components/SpaceProposalBoost.vue +++ b/src/components/SpaceProposalBoost.vue @@ -11,7 +11,8 @@ const props = defineProps<{ proposal: Proposal; }>(); -const isOpen = ref(false); +const createModalOpen = ref(false); +const boostsModalOpen = ref(false); const boosts = ref([]); const claims = ref<{ id: string; amount: string }[]>([]); const loaded = ref(false); @@ -80,9 +81,7 @@ const boostsSorted = computed(() => { } }); - return [...eligible, ...claimed, ...other].filter( - boost => getAddress(boost.owner) !== getAddress(web3Account.value) - ); + return [...eligible, ...claimed, ...other]; }); const boostsOwner = computed(() => { @@ -94,7 +93,7 @@ const boostsOwner = computed(() => { function handleStart() { router.push(newBoostLink.value); - isOpen.value = false; + createModalOpen.value = false; } async function loadBoosts() { @@ -139,7 +138,7 @@ function handleBoost() { if (dontShowModalAgain.value) { handleStart(); } else { - isOpen.value = true; + createModalOpen.value = true; } } @@ -243,28 +242,37 @@ watch( New boost -
- -
- +
+ +
+ +
+ + View all +
- +
diff --git a/src/components/SpaceProposalBoostItem.vue b/src/components/SpaceProposalBoostItem.vue index 0ecff89bcab..863d16b4de3 100644 --- a/src/components/SpaceProposalBoostItem.vue +++ b/src/components/SpaceProposalBoostItem.vue @@ -121,11 +121,7 @@ const rewardFormatted = computed(() => {
Eligible to - {{ - rewardFormatted - ? `${rewardFormatted} ${boost.token.symbol}` - : 'reward' - }} + {{ reward ? `${rewardFormatted} ${boost.token.symbol}` : 'reward' }}
diff --git a/src/components/SpaceProposalBoostModalBoosts.vue b/src/components/SpaceProposalBoostModalBoosts.vue new file mode 100644 index 00000000000..21bf4bc6fa3 --- /dev/null +++ b/src/components/SpaceProposalBoostModalBoosts.vue @@ -0,0 +1,49 @@ + + + diff --git a/src/components/Tune/TuneModal.vue b/src/components/Tune/TuneModal.vue index 25b305e4f13..765aa4de023 100644 --- a/src/components/Tune/TuneModal.vue +++ b/src/components/Tune/TuneModal.vue @@ -13,12 +13,20 @@ defineEmits(['close']); const props = defineProps<{ open: boolean; hideClose?: boolean; - size?: 'big'; + size?: 'big' | 'medium'; }>(); const sizeClass = computed(() => { - if (!props.size) return 'md:w-[440px] h-[270px] w-full'; - if (props.size === 'big') return 'md:w-[860px] md:h-[628px] w-full'; + if (!props.size) return 'md:w-[440px] w-full'; + if (props.size === 'big') return 'md:w-[860px] w-full'; + if (props.size === 'medium') return 'md:w-[578px] w-full'; +}); + +const closePositionClass = computed(() => { + if (!props.size) return 'md:top-[12px] md:right-[10px]'; + if (props.size === 'big') + return 'md:right-4 md:top-[26px] right-[10px] top-[10px]'; + if (props.size === 'medium') return 'top-[12px] right-[10px]'; }); const isDesktop = useBreakpoints(SNAPSHOT_BREAKPOINTS).greater('md'); @@ -112,12 +120,13 @@ onUnmounted(() => { :leave-to="panelTransitionClasses.leaveTo" >
Close