From 4402fb6a3d3fe3766c5497fabee9e15cbb04483a Mon Sep 17 00:00:00 2001
From: madresebanoo <info@madresebanoo.ir>
Date: Wed, 2 Sep 2026 15:15:46 +0430
Subject: [PATCH] fix: branding, 401 logout, and blocked-user message on
 register page

- Copyright.vue / AuthCopyright.vue: change link from mugweb.ir to madresebanoo.ir
- SelectField.vue: add min-width:0 to prevent flex overflow in narrow layouts
- useRedirectAfterLogin: check roles array (multi-role support) instead of single role
- StudentRegisterPage: show block reason when user's status is blocked
- http.js: only clear session on 401 if a token already existed (login
  form 401 should not trigger logout); clear via authStore so WordPress
  cookie is also cleaned up

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/Copyright.vue                  |  2 +-
 src/components/form/SelectField.vue           |  1 +
 .../auth/components/AuthCopyright.vue         |  2 +-
 .../auth/composables/useRedirectAfterLogin.js |  3 +-
 .../auth/pages/StudentRegisterPage.vue        | 39 +++++++++++++++++++
 src/services/api/http.js                      | 21 ++++++++--
 6 files changed, 61 insertions(+), 7 deletions(-)

diff --git a/src/components/Copyright.vue b/src/components/Copyright.vue
index f1392f1..a1ff743 100644
--- a/src/components/Copyright.vue
+++ b/src/components/Copyright.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="copyright">
     <div class="copyright__text">
-      <a href="https://mugweb.ir/" target="_blank" rel="noopener">
+      <a href="https://madresebanoo.ir/" target="_blank" rel="noopener">
         <p class="copyright__en">All Rights Reserved. 2026</p>
         <p class="copyright__fa">تمام حقوق مادی و معنوی این وبسایت محفوظ هست.</p>
       </a>
diff --git a/src/components/form/SelectField.vue b/src/components/form/SelectField.vue
index 30e93ab..0583a99 100644
--- a/src/components/form/SelectField.vue
+++ b/src/components/form/SelectField.vue
@@ -283,6 +283,7 @@ onBeforeUnmount(() => unmountFloating())
 
   &__value {
     flex: 1;
+    min-width: 0;
     text-align: start;
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/src/features/auth/components/AuthCopyright.vue b/src/features/auth/components/AuthCopyright.vue
index b781e3a..7d458cb 100644
--- a/src/features/auth/components/AuthCopyright.vue
+++ b/src/features/auth/components/AuthCopyright.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="auth-copyright">
-    <a href="https://mugweb.ir/" target="_blank" rel="noopener">
+    <a href="https://madresebanoo.ir/" target="_blank" rel="noopener">
       <p class="auth-copyright__fa">تمام حقوق مادی و معنوی این وبسایت محفوظ هست</p>
       <p class="auth-copyright__en">All Rights Reserved. 2026</p>
     </a>
diff --git a/src/features/auth/composables/useRedirectAfterLogin.js b/src/features/auth/composables/useRedirectAfterLogin.js
index edf182e..e08b4a3 100644
--- a/src/features/auth/composables/useRedirectAfterLogin.js
+++ b/src/features/auth/composables/useRedirectAfterLogin.js
@@ -2,7 +2,8 @@ import { useAuthStore } from '@/store/auth'
 import { useRoute, useRouter } from 'vue-router'
 import { MAIN_SITE_URL, ROLE_HOME_ROUTES } from '@/enums'
 
-const shouldLandOnMainSite = (auth) => auth.role !== 'admin' && auth.user?.status === 'approved'
+const shouldLandOnMainSite = (auth) =>
+  !auth.roles.includes('admin') && auth.user?.status === 'approved'
 
 export const useRedirectAfterLogin = () => {
   const router = useRouter()
diff --git a/src/features/auth/pages/StudentRegisterPage.vue b/src/features/auth/pages/StudentRegisterPage.vue
index c5baec6..5354a0e 100644
--- a/src/features/auth/pages/StudentRegisterPage.vue
+++ b/src/features/auth/pages/StudentRegisterPage.vue
@@ -18,6 +18,17 @@
           <p class="student-register__desc">{{ stepLabel.desc }}</p>
         </header>
 
+        <div
+          v-if="auth.user?.status === 'blocked'"
+          class="student-register__rejection"
+          role="alert"
+        >
+          <p class="student-register__rejection-title">احراز هویت شما توسط ادمین رد شده است.</p>
+          <p class="student-register__rejection-reason">
+            {{ auth.user?.blockReason || 'دلیلی ثبت نشده است.' }}
+          </p>
+        </div>
+
         <div v-if="isRegistrationDataPending" class="student-register__loading" aria-live="polite">
           در حال بازیابی اطلاعات ثبت‌نام…
         </div>
@@ -30,6 +41,7 @@
 </template>
 
 <script setup>
+import { useAuthStore } from '@/store/auth'
 import useModal from '@/composables/useModal'
 import { computed, markRaw, watch } from 'vue'
 import { STUDENT_REGISTRATION } from '@/enums'
@@ -49,6 +61,7 @@ import EducationalInformation from '@/features/auth/components/studentRegister/E
 import ProfessionalInformation from '@/features/auth/components/studentRegister/ProfessionalInformation.vue'
 
 const store = useStudentRegistrationStore()
+const auth = useAuthStore()
 const { isModal, openModal } = useModal()
 
 const { data: registerData, isPending: isRegistrationDataPending } = useGetRegisterDataQuery()
@@ -273,6 +286,32 @@ watch(
     text-align: center;
   }
 
+  &__rejection {
+    background: #fdecec;
+    border: 1px solid #f5b8b8;
+    border-radius: 0.75rem;
+    padding: 1rem 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  &__rejection-title {
+    font-family: var(--font-family-fa);
+    font-weight: 600;
+    font-size: 0.9375rem;
+    color: #c62828;
+    margin: 0 0 0.375rem;
+  }
+
+  &__rejection-reason {
+    font-family: var(--font-family-fa);
+    font-weight: 400;
+    font-size: 0.875rem;
+    line-height: 1.8;
+    color: #7a2f2f;
+    margin: 0;
+    text-align: justify;
+  }
+
   &__main :deep(.text-field__label),
   &__main :deep(.textarea-field__label),
   &__main :deep(.select-field__label),
diff --git a/src/services/api/http.js b/src/services/api/http.js
index 8069791..650ae64 100644
--- a/src/services/api/http.js
+++ b/src/services/api/http.js
@@ -61,12 +61,25 @@ const addCamelizeInterceptor = (instance) => {
   )
 }
 
-const _addUnauthorizeInterceptor = (instance) => {
+const addUnauthorizeInterceptor = (instance) => {
   instance.interceptors.response.use(
     (res) => res,
     async (e) => {
-      if (e?.response?.status === 401) {
-        tokenService.clearAll()
+      // Login/OTP-verify endpoints also answer 401 for a plain wrong
+      // password or code — that's a credential failure the login form
+      // should handle itself, not a session expiring. Only treat this as
+      // "the session died" when we actually had a token going in.
+      if (e?.response?.status === 401 && tokenService.hasToken()) {
+        // Route through the auth store, not tokenService directly, so the
+        // reactive user state and the WordPress-facing mb_auth_status cookie
+        // both get cleared along with the token — an expired/invalid session
+        // must not leave WordPress showing a stale "logged in" state.
+        try {
+          const { useAuthStore } = await import('@/store/auth')
+          useAuthStore().clearUser()
+        } catch {
+          tokenService.clearAll()
+        }
         toast('نشست شما تایید نشد، لطفا مجدد وارد شوید')
         try {
           const { default: router } = await import('@/router')
@@ -89,7 +102,7 @@ const createInstance = (baseUrl, { headers = {}, ...configs } = {}) => {
   addResponseUnwrapInterceptor(instance)
   addCamelizeInterceptor(instance)
   addSnakizeInterceptor(instance)
-  // _addUnauthorizeInterceptor(instance)
+  addUnauthorizeInterceptor(instance)
   return instance
 }