From 8b6c0b07dedbc6f5545ab58f1c245888634291d7 Mon Sep 17 00:00:00 2001
From: soheil khaledabadi <soheilkhaledabdi@gmail.com>
Date: Fri, 4 Sep 2026 17:34:52 +0330
Subject: [PATCH] fix: remove expired status from profile filter, show order
 code

- Drop the now-unused "expired" filter option/status (the API never
  returns expired services anymore).
- Show the order code next to each service in the config card and in
  the service details modal.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KMLvfLviDB12t4U9UijE4k
---
 .../profile/section/components/ConfigFilterBar.tsx  |  6 ------
 src/pages/profile/section/components/ConfigItem.tsx | 13 ++++++++++++-
 .../section/components/ModalConfigDetails.tsx       |  7 +++++++
 src/types/props.d.ts                                |  2 +-
 4 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/pages/profile/section/components/ConfigFilterBar.tsx b/src/pages/profile/section/components/ConfigFilterBar.tsx
index ead9a3d..000da35 100644
--- a/src/pages/profile/section/components/ConfigFilterBar.tsx
+++ b/src/pages/profile/section/components/ConfigFilterBar.tsx
@@ -1,7 +1,6 @@
 import {
   IoAppsOutline,
   IoCheckmarkCircle,
-  IoCloseCircle,
   IoTimeOutline,
 } from "react-icons/io5";
 import { Config } from "../../../../types/props";
@@ -20,11 +19,6 @@ const STATUS_META: Record<
     icon: <IoCheckmarkCircle />,
     activeClass: "!bg-green-600 !text-white",
   },
-  expired: {
-    label: "منقضی شده",
-    icon: <IoCloseCircle />,
-    activeClass: "!bg-rose-600 !text-white",
-  },
   pending: {
     label: "در انتظار ثبت",
     icon: <IoTimeOutline />,
diff --git a/src/pages/profile/section/components/ConfigItem.tsx b/src/pages/profile/section/components/ConfigItem.tsx
index e0514b6..7de72f3 100644
--- a/src/pages/profile/section/components/ConfigItem.tsx
+++ b/src/pages/profile/section/components/ConfigItem.tsx
@@ -114,6 +114,7 @@ const ConfigItem = ({
         isOpen={isOpen}
         setIsOpen={setIsOpen}
         dateBuy={dateBuy}
+        orderId={orderId}
         isDisabled={isDisabled}
         nameConfig={configName}
         isShowTraffic={isShowTraffic}
@@ -166,9 +167,19 @@ const ConfigItem = ({
           className={`w-full h-full p-3 rounded-md text-xs md:text-base gap-2 flex justify-between items-center flex-wrap text-secondTheme bg-gray-900 shadow-md shadow-gray-900 ${isDisabled ? "filter blur-sm" : ""
             }`}
         >
-          <p className="max-md:hidden">تاریخ خرید : {dateBuy}</p>
+          <div className="max-md:hidden flex flex-col gap-0.5">
+            <p>تاریخ خرید : {dateBuy}</p>
+            {orderId && (
+              <p className="opacity-70 text-[11px]">کد سفارش : #{orderId}</p>
+            )}
+          </div>
           <li className="px-2 py-1 max-[400px]:w-full max-[400px]:text-center bg-secondTheme shadow-md rounded-md w-auto h-auto text-gray-900 font-bold list-none">
             {configName}
+            {orderId && (
+              <span className="md:hidden block text-[10px] font-normal opacity-70 mt-0.5">
+                کد سفارش: #{orderId}
+              </span>
+            )}
           </li>
           <div className="max-md:hidden flex flex-row-reverse gap-2 justify-end items-center">
             {isDns ? (
diff --git a/src/pages/profile/section/components/ModalConfigDetails.tsx b/src/pages/profile/section/components/ModalConfigDetails.tsx
index 8c64acb..4c87387 100644
--- a/src/pages/profile/section/components/ModalConfigDetails.tsx
+++ b/src/pages/profile/section/components/ModalConfigDetails.tsx
@@ -18,6 +18,7 @@ const ModalConfigDetails = ({
   setIsOpen,
   isDisabled,
   dateBuy,
+  orderId,
   nameConfig,
   isShowTraffic,
   textCopy,
@@ -36,6 +37,7 @@ const ModalConfigDetails = ({
   setIsOpen: Dispatch<SetStateAction<boolean>>;
   isDisabled: boolean;
   dateBuy: string;
+  orderId?: number;
   nameConfig: string;
   isShowTraffic: boolean;
   textCopy: string;
@@ -86,6 +88,11 @@ const ModalConfigDetails = ({
       <div className="w-full h-full flex flex-col p-3 gap-4 border-2 border-gray-800 rounded-md max-sm:text-xs max-md:text-sm text-base">
         <h1 className="w-full h-full text-center rounded-md p-1 md:p-2 bg-gray-800">
           تاریخ خرید : {dateBuy}
+          {orderId && (
+            <span className="block text-xs opacity-70 mt-1">
+              کد سفارش : #{orderId}
+            </span>
+          )}
         </h1>
         <div className="w-full h-full flex flex-row-reverse gap-2 flex-wrap justify-center items-center">
           {isDisabled || useMaxTraffic ? (
diff --git a/src/types/props.d.ts b/src/types/props.d.ts
index 0323682..f0649ac 100644
--- a/src/types/props.d.ts
+++ b/src/types/props.d.ts
@@ -233,7 +233,7 @@ type Config = {
   username?: string | null;
   category_id: number;
   is_expired: boolean;
-  status?: "active" | "expired" | "pending";
+  status?: "active" | "pending";
   use_max_traffic: boolean;
   primary_ipv4?: string | null;
   secondary_ipv4?: string | null;