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;