diff --git a/front/src/components/CouponManager.vue b/front/src/components/CouponManager.vue index 27f235e..fe6cf69 100644 --- a/front/src/components/CouponManager.vue +++ b/front/src/components/CouponManager.vue @@ -6,9 +6,8 @@
- - +
@@ -19,7 +18,6 @@ :class="{ inactive: !c.is_active, expired: c.is_expired }" >
- {{ c.name }} {{ c.code }}
@@ -44,15 +42,14 @@ import { ref, computed } from 'vue'; import { useWosStore } from '../stores/wos.store'; const store = useWosStore(); -const newName = ref(''); const newCode = ref(''); const activeCoupons = computed(() => store.coupons.filter((c) => c.is_active && !c.is_expired).length); async function add() { - if (!newName.value.trim() || !newCode.value.trim()) return; - await store.addCoupon(newName.value.trim(), newCode.value.trim().toUpperCase()); - newName.value = ''; + if (!newCode.value.trim()) return; + const code = newCode.value.trim().toUpperCase(); + await store.addCoupon(code, code); newCode.value = ''; } @@ -102,8 +99,7 @@ async function add() { .coupon-item.inactive { border-left-color: #334155; opacity: 0.6; } .coupon-item.expired { border-left-color: #7c3aed; opacity: 0.5; } .coupon-info { display: flex; flex-direction: column; gap: 2px; flex: 1; } -.coupon-name { color: #f1f5f9; font-size: 0.9rem; font-weight: 500; } -.coupon-code { color: #60a5fa; font-family: monospace; font-size: 0.82rem; } +.coupon-code { color: #60a5fa; font-family: monospace; font-size: 0.9rem; } .coupon-actions { display: flex; gap: 6px; align-items: center; } .btn-toggle { padding: 3px 10px;