add: new keys

src/partials/tagging/TagActiveDistributions.tsx

@@ -75,6 +75,8 @@ export default function TagActiveDistributions() {
           item?.assigner_org?.name,
           item?.assigned_org?.name,
           item?.total_tag_count,
+          item?.total_distributed_tag_count,
+          item?.remaining_tag_count,
           item?.distribution_type === "batch" ? "توزیع گروهی" : "توزیع تصادفی",
           <ShowMoreInfo key={item?.id} title="جزئیات توزیع">
             <Grid container column className="gap-4 w-full">
@@ -85,6 +87,19 @@ export default function TagActiveDistributions() {
                   column
                   className="gap-3 w-full rounded-xl border border-gray-200 dark:border-gray-700 p-4"
                 >
+                  <Grid container className="gap-2 items-center">
+                    <SparklesIcon className="w-5 h-5 text-gray-500 dark:text-gray-300" />
+                    <Typography variant="body2" className="font-medium">
+                      گونه:
+                    </Typography>
+                    <Typography
+                      variant="body2"
+                      className="text-gray-700 dark:text-gray-300"
+                    >
+                      {speciesMap[opt?.species_code] ?? "-"}
+                    </Typography>
+                  </Grid>
+
                   {item?.distribution_type === "batch" && opt?.serial_from && (
                     <Grid container className="gap-2 items-center">
                       <Bars3Icon className="w-5 h-5 text-gray-500 dark:text-gray-300" />
@@ -112,17 +127,28 @@ export default function TagActiveDistributions() {
                       {opt?.total_tag_count?.toLocaleString()}
                     </Typography>
                   </Grid>
-
                   <Grid container className="gap-2 items-center">
-                    <SparklesIcon className="w-5 h-5 text-gray-500 dark:text-gray-300" />
+                    <CubeIcon className="w-5 h-5 text-gray-500 dark:text-gray-300" />
                     <Typography variant="body2" className="font-medium">
-                      گونه:
+                      پلاک های توزیع شده:
                     </Typography>
                     <Typography
                       variant="body2"
                       className="text-gray-700 dark:text-gray-300"
                     >
-                      {speciesMap[opt?.species_code] ?? "-"}
+                      {opt?.distributed_number?.toLocaleString()}
+                    </Typography>
+                  </Grid>
+                  <Grid container className="gap-2 items-center">
+                    <CubeIcon className="w-5 h-5 text-gray-500 dark:text-gray-300" />
+                    <Typography variant="body2" className="font-medium">
+                      پلاک های باقیمانده:
+                    </Typography>
+                    <Typography
+                      variant="body2"
+                      className="text-gray-700 dark:text-gray-300"
+                    >
+                      {opt?.remaining_number?.toLocaleString()}
                     </Typography>
                   </Grid>
                 </Grid>
@@ -291,6 +317,8 @@ export default function TagActiveDistributions() {
           "توزیع کننده",
           "دریافت کننده",
           "تعداد کل پلاک",
+          "پلاک های توزیع شده",
+          "پلاک های باقیمانده",
           "نوع توزیع",
           "جزئیات توزیع",
           "عملیات",