cart: enhancements

src/pages/checkout/components/BriefMenuCard.tsx

@@ -7,6 +7,7 @@ import { useAppSelector } from "redux/hooks";
 import { selectCart } from "features/order/orderSlice";
 import { useNavigate, useParams } from "react-router-dom";
 import { useGetOrderDetailsQuery } from "redux/api/others";
+import BackIcon from "components/Icons/BackIcon";
 
 export default function BriefMenuCard() {
   const { t } = useTranslation();
@@ -24,6 +25,7 @@ export default function BriefMenuCard() {
     },
   );
   const totalItems = items.length || orderDetails?.orderItems.length;
+  const { isRTL } = useAppSelector((state) => state.locale);
 
   return (
     <>
@@ -53,12 +55,18 @@ export default function BriefMenuCard() {
               cursor: "pointer",
             }}
           >
-            <span style={{ marginRight: 5, position: "relative", top: 3.5 }}>
+            <span
+              style={{
+                [isRTL ? "marginLeft" : "marginRight"]: 5,
+                position: "relative",
+                top: 3.5,
+              }}
+            >
               <InvoiceIcon />
             </span>
             {t("checkout.viewOrder")} ( {totalItems} {t("cart.items")} )
           </ProText>
-          <NextIcon />
+          {isRTL ? <BackIcon /> : <NextIcon />}
         </div>
       </ProInputCard>
     </>