| @@ -8,8 +8,9 @@ | ||
| 8 | 8 | */ |
| 9 | 9 | |
| 10 | 10 | import React from "react"; |
| 11 | 11 | import { taxService } from "../../services/TaxService"; |
| 12 | +import { __ } from "../../lib/i18n"; | |
| 12 | 13 | |
| 13 | 14 | interface TaxDisplayProps { |
| 14 | 15 | subtotal: number; |
| 15 | 16 | country?: string; |
| @@ -36,9 +37,11 @@ | ||
| 36 | 37 | return ( |
| 37 | 38 | <div className={`space-y-2 ${className}`}> |
| 38 | 39 | {/* Subtotal */} |
| 39 | 40 | <div className="flex justify-between text-sm"> |
| 40 | - <span className="text-gray-600 dark:text-gray-400">Subtotal</span> | |
| 41 | + <span className="text-gray-600 dark:text-gray-400"> | |
| 42 | + {__("Subtotal", "yatra")} | |
| 43 | + </span> | |
| 41 | 44 | <span className="font-medium text-gray-900 dark:text-gray-100"> |
| 42 | 45 | {taxService.formatPrice(taxCalculation.subtotal)} |
| 43 | 46 | </span> |
| 44 | 47 | </div> |
| @@ -62,9 +65,9 @@ | ||
| 62 | 65 | {/* Total */} |
| 63 | 66 | <div className="border-t pt-2"> |
| 64 | 67 | <div className="flex justify-between"> |
| 65 | 68 | <span className="font-semibold text-gray-900 dark:text-gray-100"> |
| 66 | - Total | |
| 69 | + {__("Total", "yatra")} | |
| 67 | 70 | </span> |
| 68 | 71 | <span className="font-bold text-lg text-gray-900 dark:text-gray-100"> |
| 69 | 72 | {taxService.formatPrice(taxCalculation.total_amount)} |
| 70 | 73 | </span> |
| @@ -73,9 +76,9 @@ | ||
| 73 | 76 | |
| 74 | 77 | {/* Tax Inclusive Notice */} |
| 75 | 78 | {taxCalculation.tax_inclusive && ( |
| 76 | 79 | <div className="text-xs text-gray-500 dark:text-gray-400 italic"> |
| 77 | - * Tax included in price | |
| 80 | + {__("* Tax included in price", "yatra")} | |
| 78 | 81 | </div> |
| 79 | 82 | )} |
| 80 | 83 | </div> |
| 81 | 84 | ); |